mirror of
https://github.com/MetaCubeX/metacubexd.git
synced 2024-11-10 05:15:35 +08:00
feat: show subscription usage in a progress bar
This commit is contained in:
parent
f5d65eb018
commit
24bfaddfc8
@ -34,9 +34,12 @@ export default (props: { subscriptionInfo: SubscriptionInfo }) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
<progress class="progress" value={info.percentage} max="100" />
|
||||||
|
|
||||||
<div class="text-sm text-slate-500">
|
<div class="text-sm text-slate-500">
|
||||||
{`${info.used}`} / {`${info.total}`} ( {info.percentage}% )
|
{`${info.used}`} / {`${info.total}`} ( {info.percentage}% )
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="text-sm text-slate-500">Expire: {info.expireStr()} </div>
|
<div class="text-sm text-slate-500">Expire: {info.expireStr()} </div>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
@ -124,7 +124,7 @@ export default () => {
|
|||||||
{(proxyProvider) => {
|
{(proxyProvider) => {
|
||||||
const title = (
|
const title = (
|
||||||
<div class="flex items-center justify-between">
|
<div class="flex items-center justify-between">
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col gap-1">
|
||||||
<span>{proxyProvider.name}</span>
|
<span>{proxyProvider.name}</span>
|
||||||
<SubscriptionInfo
|
<SubscriptionInfo
|
||||||
subscriptionInfo={proxyProvider.subscriptionInfo}
|
subscriptionInfo={proxyProvider.subscriptionInfo}
|
||||||
@ -135,7 +135,7 @@ export default () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div class="flex flex-nowrap">
|
||||||
<button
|
<button
|
||||||
class="btn btn-circle btn-sm mr-2"
|
class="btn btn-circle btn-sm mr-2"
|
||||||
onClick={(e) =>
|
onClick={(e) =>
|
||||||
|
Loading…
Reference in New Issue
Block a user