feat: dashboard link

src/components/Header.tsx

@@ -1,9 +1,9 @@
-"use client";
-
 // import { LanguageSwitcher } from "@/components/LanguageSwitcher";
 import { ModeToggle } from "@/components/ThemeSwitcher";
 import { Separator } from "@/components/ui/separator";
 import { Skeleton } from "@/components/ui/skeleton";
+import { fetchLoginUser } from "@/lib/nezha-api";
+import { useQuery } from "@tanstack/react-query";
 import { DateTime } from "luxon";
 import { useEffect, useRef, useState } from "react";
 
@@ -31,6 +31,7 @@ function Header() {
           </p>
         </section>
         <section className="flex items-center gap-2">
+          <DashboardLink />
           {/* <LanguageSwitcher /> */}
           <ModeToggle />
         </section>
@@ -40,6 +41,30 @@ function Header() {
   );
 }
 
+function DashboardLink() {
+  const { data: userData } = useQuery({
+    queryKey: ["login-user"],
+    queryFn: () => fetchLoginUser(),
+    refetchOnMount: true,
+    refetchOnWindowFocus: true,
+  });
+
+  if (!userData?.data?.id) return null;
+
+  return (
+    <div className="flex items-center gap-2">
+      <a
+        href={"/dashboard"}
+        target="_blank"
+        rel="noopener noreferrer"
+        className="flex items-center gap-1 text-sm font-medium opacity-50 transition-opacity hover:opacity-100"
+      >
+        Dashboard
+      </a>
+    </div>
+  );
+}
+
 // https://github.com/streamich/react-use/blob/master/src/useInterval.ts
 const useInterval = (callback: () => void, delay: number | null) => {
   const savedCallback = useRef<() => void>(() => {});

src/components/ServerDetailChart.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Card, CardContent } from "@/components/ui/card";
 import { ChartConfig, ChartContainer } from "@/components/ui/chart";
 import { formatNezhaInfo, formatRelativeTime } from "@/lib/utils";

src/components/ThemeSwitcher.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,

src/components/motion/motion-provider.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { LazyMotion } from "framer-motion";
 
 const loadFeatures = () =>

src/lib/nezha-api.ts

@@ -1,4 +1,4 @@
-import { ServerGroupResponse } from "@/types/nezha-api";
+import { LoginUserResponse, ServerGroupResponse } from "@/types/nezha-api";
 
 export const fetchServerGroup = async (): Promise<ServerGroupResponse> => {
   const response = await fetch("/api/v1/server-group");
@@ -8,3 +8,12 @@ export const fetchServerGroup = async (): Promise<ServerGroupResponse> => {
   }
   return data;
 };
+
+export const fetchLoginUser = async (): Promise<LoginUserResponse> => {
+  const response = await fetch("/api/v1/profile");
+  const data = await response.json();
+  if (data.error) {
+    throw new Error(data.error);
+  }
+  return data;
+};

src/types/nezha-api.ts

@@ -58,3 +58,14 @@ export interface ServerGroup {
   };
   servers: number[];
 }
+
+export interface LoginUserResponse {
+  success: boolean;
+  data: {
+    id: number;
+    username: string;
+    password: string;
+    created_at: string;
+    updated_at: string;
+  };
+}