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

feat(config): display currently selected endpoint url

Browse Source
This commit is contained in:
kunish 2023-10-02 19:09:17 +08:00
parent 0418ac4635
commit 59e0b076bf
No known key found for this signature in database
GPG Key ID: 647A12B4F782C430
1 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/Config.tsx
View File

@ -31,6 +31,7 @@ import { LANG, MODE_OPTIONS, ROUTES, themes } from '~/constants'
import { locale, setLocale, useI18n } from '~/i18n'
import {
autoSwitchTheme,
endpoint,
favDayTheme,
favNightTheme,
setAutoSwitchTheme,
@ -462,19 +463,23 @@ const Versions = () => {
})
return (
<div class="grid grid-cols-2 gap-4">
<kbd class="kbd">{import.meta.env.version}</kbd>
<div class="flex flex-col gap-2">
<div class="grid grid-cols-2 gap-4">
<kbd class="kbd">{import.meta.env.version}</kbd>
<div class="relative">
<Show when={isUpdateAvailable()}>
<span class="absolute -right-1 -top-1 flex h-3 w-3">
<span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-info opacity-75" />
<span class="inline-flex h-3 w-3 rounded-full bg-info" />
</span>
</Show>
<div class="relative">
<Show when={isUpdateAvailable()}>
<span class="absolute -right-1 -top-1 flex h-3 w-3">
<span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-info opacity-75" />
<span class="inline-flex h-3 w-3 rounded-full bg-info" />
</span>
</Show>
<kbd class="kbd w-full">{backendVersion()}</kbd>
<kbd class="kbd w-full">{backendVersion()}</kbd>
</div>
</div>
<h1 class="text-center text-lg font-bold">{endpoint()?.url}</h1>
</div>
)
}