From 97b5ff3a635e3fba70f43a1c258a357f48461858 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Wed, 4 Dec 2024 16:04:09 +0800
Subject: [PATCH] feat: add version display

---
 bun.lockb                         | Bin 297564 -> 297564 bytes
 src/components/Footer.tsx         |  16 +++++++++++++---
 src/components/ServerOverview.tsx |   8 ++------
 src/types/nezha-api.ts            |   1 +
 4 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index 16240057e4dccc344dbb1e89e62a8887f1ca248e..be521dc4bafbb9a3538b7d69a886191a0296b892 100755
GIT binary patch
delta 86
zcmcaJMd;2Hp@tU5Eldut7|o_TzGCtPQvI)(3>nS0AAH3m&&X&r{o!jSNg(z6HPbm}
pV?D#^XWlSLFq%$(`i5y1P`KeOlLWJgo?-j!w@lk-zhyo+2LQcfB4_{r

delta 86
zcmV-c0IC1nloH&O5`csOv;sit0W_CE>H<vxHJ6X-0x<zLx54TH9{~X{m*MLI838bt
s`|ASE12Qf!m(1(}7y&Yu<?I5Q0Wp_=?E)ABGcGfSo9zO(o9zR^oVxuYTL1t6

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index e91036c..6be8f09 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,19 +1,29 @@
-// src/components/Footer.tsx
+import { fetchSetting } from "@/lib/nezha-api";
+import { useQuery } from "@tanstack/react-query";
 import React from "react";
 import { useTranslation } from "react-i18next";
 
 const Footer: React.FC = () => {
   const { t } = useTranslation();
+
+  const { data: settingData } = useQuery({
+    queryKey: ["setting"],
+    queryFn: () => fetchSetting(),
+    refetchOnMount: true,
+    refetchOnWindowFocus: true,
+  });
+
   return (
     <footer className="mx-auto w-full max-w-5xl px-4 lg:px-0 pb-4">
       <section className="flex flex-col">
         <section className="mt-1 flex items-center justify-between gap-2 text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50">
-          <p>
+          <div className="flex items-center gap-1">
             &copy;2020-{new Date().getFullYear()}{" "}
             <a href={"https://github.com/naiba/nezha"} target="_blank">
               Nezha
             </a>
-          </p>
+            <p>{settingData?.data?.version || ""}</p>
+          </div>
           <p>
             {t("footer.themeBy")}
             <a
diff --git a/src/components/ServerOverview.tsx b/src/components/ServerOverview.tsx
index f1caaca..2cdf359 100644
--- a/src/components/ServerOverview.tsx
+++ b/src/components/ServerOverview.tsx
@@ -110,15 +110,11 @@ export default function ServerOverview({
               <section className="flex flex-row mt-1.5 -mr-1 sm:items-center items-start gap-1">
                 <p className="sm:text-[12px] flex items-center text-[10px] text-nowrap font-semibold">
                   <ArrowUpCircleIcon className="size-3 mr-0.5 sm:mb-[1px]" />
-                  {formatBytes(
-                    upSpeed,
-                  )}/s
+                  {formatBytes(upSpeed)}/s
                 </p>
                 <p className="sm:text-[12px] flex items-center text-[10px] text-nowrap font-semibold">
                   <ArrowDownCircleIcon className="size-3 mr-0.5" />
-                  {formatBytes(
-                    downSpeed,
-                  )}/s
+                  {formatBytes(downSpeed)}/s
                 </p>
               </section>
             </section>
diff --git a/src/types/nezha-api.ts b/src/types/nezha-api.ts
index a1cd529..40fa687 100644
--- a/src/types/nezha-api.ts
+++ b/src/types/nezha-api.ts
@@ -163,5 +163,6 @@ export interface SettingResponse {
     language: string;
     site_name: string;
     custom_code: string;
+    version: string;
   };
 }