temp save

ui/src/pages/SettingLayout.tsx

@@ -1,6 +1,14 @@
+import {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+} from "@/components/ui/navigation-menu";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Toaster } from "@/components/ui/toaster";
-import { KeyRound, UserRound } from "lucide-react";
+import { KeyRound, Megaphone, UserRound } from "lucide-react";
 import { useEffect, useState } from "react";
 
 import { Outlet, useLocation, useNavigate } from "react-router-dom";
@@ -23,8 +31,8 @@ const SettingLayout = () => {
         偏好设置
       </div>
       <div className="w-full mt-5 p-3 flex justify-center">
-        <Tabs defaultValue="account" className="" value={tabValue}>
-          <TabsList>
+        <Tabs defaultValue="account" className="w-full" value={tabValue}>
+          <TabsList className="mx-auto">
             <TabsTrigger
               value="account"
               onClick={() => {
@@ -45,6 +53,17 @@ const SettingLayout = () => {
               <KeyRound size={14} />
               <div className="ml-1">密码</div>
             </TabsTrigger>
+
+            <TabsTrigger
+              value="notify"
+              onClick={() => {
+                navigate("/setting/notify");
+              }}
+              className="px-5"
+            >
+              <Megaphone size={14} />
+              <div className="ml-1">推送渠道</div>
+            </TabsTrigger>
           </TabsList>
           <TabsContent value={tabValue}>
             <div className="mt-5 w-full md:w-[45em]">

ui/src/pages/setting/Notify.tsx

@@ -0,0 +1,52 @@
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import React from "react";
+
+const Notify = () => {
+  return (
+    <div>
+      <Accordion type={"multiple"} className="dark:text-stone-200">
+        <AccordionItem value="item-1" className="dark:border-stone-200">
+          <AccordionTrigger>邮箱</AccordionTrigger>
+          <AccordionContent>
+            Yes. It adheres to the WAI-ARIA design pattern.
+          </AccordionContent>
+        </AccordionItem>
+
+        <AccordionItem value="item-2" className="dark:border-stone-200">
+          <AccordionTrigger>钉钉</AccordionTrigger>
+          <AccordionContent>
+            Yes. It adheres to the WAI-ARIA design pattern.
+          </AccordionContent>
+        </AccordionItem>
+
+        <AccordionItem value="item-3" className="dark:border-stone-200">
+          <AccordionTrigger>微信公众号</AccordionTrigger>
+          <AccordionContent>
+            Yes. It adheres to the WAI-ARIA design pattern.
+          </AccordionContent>
+        </AccordionItem>
+
+        <AccordionItem value="item-4" className="dark:border-stone-200">
+          <AccordionTrigger>Telegram</AccordionTrigger>
+          <AccordionContent>
+            Yes. It adheres to the WAI-ARIA design pattern.
+          </AccordionContent>
+        </AccordionItem>
+
+        <AccordionItem value="item-5" className="dark:border-stone-200">
+          <AccordionTrigger>Webhook</AccordionTrigger>
+          <AccordionContent>
+            Yes. It adheres to the WAI-ARIA design pattern.
+          </AccordionContent>
+        </AccordionItem>
+      </Accordion>
+    </div>
+  );
+};
+
+export default Notify;