Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-11-24 09:45:35 +08:00
Code Issues Projects Releases Wiki Activity

refactor: rule provider card

Browse Source
This commit is contained in:
Zephyruso 2023-09-05 21:39:04 +08:00
parent c6f3beec35
commit 1bca408ea1
1 changed files with 13 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/Rules.tsx
View File

@ -84,28 +84,24 @@ export default () => {
<For each={rulesProviders()}> <For each={rulesProviders()}>
{(rulesProvider) => ( {(rulesProvider) => (
<div class="card card-bordered card-compact mb-2 bg-base-200 p-4"> <div class="card card-bordered card-compact mb-2 bg-base-200 p-4">
<div class="flex items-center justify-between"> <div class="break-all pr-8">
<div class="break-all"> {rulesProvider.name} ({rulesProvider.ruleCount})
{rulesProvider.name} ({rulesProvider.ruleCount})
</div>
<Button
class="btn-circle btn-sm mr-2"
onClick={(e) =>
onUpdateProviderClick(e, rulesProvider.name)
}
>
<IconReload
class={twMerge(
updatingMap()[rulesProvider.name] &&
'animate-spin text-success',
)}
/>
</Button>
</div> </div>
<div class="text-xs text-slate-500"> <div class="text-xs text-slate-500">
{rulesProvider.vehicleType} / {rulesProvider.behavior} / {rulesProvider.vehicleType} / {rulesProvider.behavior} /
{t('updated')} {formatTimeFromNow(rulesProvider.updatedAt)} {t('updated')} {formatTimeFromNow(rulesProvider.updatedAt)}
</div> </div>
<Button
class="btn-circle btn-sm absolute right-2 top-2 mr-2 h-4"
onClick={(e) => onUpdateProviderClick(e, rulesProvider.name)}
>
<IconReload
class={twMerge(
updatingMap()[rulesProvider.name] &&
'animate-spin text-success',
)}
/>
</Button>
</div> </div>
)} )}
</For> </For>