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

feat: icon success color when updating

Browse Source
This commit is contained in:
Zephyruso 2023-09-05 20:25:49 +08:00
parent e6facf1175
commit 6575e73439
3 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/Proxies.tsx
View File

@ -64,7 +64,8 @@ export default () => {
>
<IconBrandSpeedtest
class={twMerge(
speedTestingMap()[proxy.name] && 'animate-pulse',
speedTestingMap()[proxy.name] &&
'animate-pulse text-success',
)}
/>
</Button>
@ -72,7 +73,7 @@ export default () => {
<div class="text-sm text-slate-500">
{proxy.type} {proxy.now?.length > 0 && ` :: ${proxy.now}`}
</div>
<Show when={!collapsedMap()[`group-${proxy.name}`]}>
<Show when={!collapsedMap()[proxy.name]}>
<ProxyNodePreview
proxyNameList={sortedProxyNames}
now={proxy.now}
@ -93,12 +94,10 @@ export default () => {
return (
<Collapse
isOpen={collapsedMap()[`group-${proxy.name}`]}
isOpen={collapsedMap()[proxy.name]}
title={title}
content={content}
onCollapse={(val) =>
setCollapsedMap(`group-${proxy.name}`, val)
}
onCollapse={(val) => setCollapsedMap(proxy.name, val)}
/>
)
})}

17
src/pages/ProxyProvider.tsx
View File

@ -63,7 +63,9 @@ export default () => {
onClick={(e) => onUpdateAllProviderClick(e)}
>
<IconReload
class={twMerge(allProviderIsUpdating() && 'animate-spin')}
class={twMerge(
allProviderIsUpdating() && 'animate-spin text-success',
)}
/>
</Button>
</h1>
@ -88,7 +90,8 @@ export default () => {
>
<IconReload
class={twMerge(
updateingMap()[proxyProvider.name] && 'animate-spin',
updateingMap()[proxyProvider.name] &&
'animate-spin text-success',
)}
/>
</Button>
@ -100,7 +103,7 @@ export default () => {
<IconBrandSpeedtest
class={twMerge(
healthCheckingMap()[proxyProvider.name] &&
'animate-pulse',
'animate-pulse text-success',
)}
/>
</Button>
@ -113,7 +116,7 @@ export default () => {
{proxyProvider.vehicleType} :: {t('updated')}{' '}
{formatTimeFromNow(proxyProvider.updatedAt)}
</div>
<Show when={!collapsedMap()[`provider-${proxyProvider.name}`]}>
<Show when={!collapsedMap()[proxyProvider.name]}>
<ProxyNodePreview proxyNameList={sortedProxyNames} />
</Show>
</>
@ -123,12 +126,10 @@ export default () => {
return (
<Collapse
isOpen={collapsedMap()[`provider-${proxyProvider.name}`]}
isOpen={collapsedMap()[proxyProvider.name]}
title={title}
content={content}
onCollapse={(val) =>
setCollapsedMap(`provider-${proxyProvider.name}`, val)
}
onCollapse={(val) => setCollapsedMap(proxyProvider.name, val)}
/>
)
})}

7
src/pages/Rules.tsx
View File

@ -74,7 +74,9 @@ export default () => {
onClick={(e) => onUpdateAllProviderClick(e)}
>
<IconReload
class={twMerge(allProviderIsUpdating() && 'animate-spin')}
class={twMerge(
allProviderIsUpdating() && 'animate-spin text-success',
)}
/>
</Button>
</h1>
@ -95,7 +97,8 @@ export default () => {
>
<IconReload
class={twMerge(
updatingMap()[rulesProvider.name] && 'animate-spin',
updatingMap()[rulesProvider.name] &&
'animate-spin text-success',
)}
/>
</Button>