Buriburizaemon/nezha-dash-v1
1
0
Fork 0
mirror of https://github.com/Buriburizaem0n/nezha-dash-v1.git synced 2026-02-04 20:50:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: offline badge

Browse Source
This commit is contained in:
hamster1963
2024-12-21 14:31:53 +08:00
parent 17d62ce0b1
commit 3cf4897258
4 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Header.tsx
View File

@@ -11,6 +11,7 @@ import { useTranslation } from "react-i18next"
import { useNavigate } from "react-router-dom"
import { LanguageSwitcher } from "./LanguageSwitcher"
import { Loader } from "./loading/Loader"
import { Button } from "./ui/button"
function Header() {
@@ -80,9 +81,13 @@ function Header() {
size="sm"
className={cn("hover:bg-white dark:hover:bg-black cursor-default rounded-full flex items-center px-[9px] bg-white dark:bg-black")}
>
{connected ? onlineCount : "..."}
<p className="text-muted-foreground">{t("online")}</p>
<span className="h-2 w-2 rounded-full bg-green-500"></span>
{connected ? onlineCount : <Loader visible={true} />}
<p className="text-muted-foreground">{connected ? t("online") : t("offline")}</p>
<span
className={cn("h-2 w-2 rounded-full bg-green-500", {
"bg-red-500": !connected,
})}
></span>
</Button>
</section>
</section>