feat: login

nezhahq · Oct 25, 2024 · 9a6d98d · 9a6d98d
1 parent a721dd3
commit 9a6d98d
Show file tree

Hide file tree

Showing 30 changed files with 28,442 additions and 664 deletions.
diff --git a/components.json b/components.json
@@ -17,4 +17,4 @@
     "lib": "@/lib",
     "hooks": "@/hooks"
   }
-}
+}
diff --git a/dashboard/assets/index-0PJiolov.js b/dashboard/assets/index-0PJiolov.js
diff --git a/dashboard/assets/index-CzWJmHBz.css b/dashboard/assets/index-CzWJmHBz.css
diff --git a/dashboard/index.html b/dashboard/index.html
@@ -5,8 +5,16 @@
     <link rel="icon" type="image/svg+xml" href="/dashboard/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React + TS</title>
-    <script type="module" crossorigin src="/dashboard/assets/index-0PJiolov.js"></script>
-    <link rel="stylesheet" crossorigin href="/dashboard/assets/index-CzWJmHBz.css">
+    <script
+      type="module"
+      crossorigin
+      src="/dashboard/assets/index-0PJiolov.js"
+    ></script>
+    <link
+      rel="stylesheet"
+      crossorigin
+      href="/dashboard/assets/index-CzWJmHBz.css"
+    />
   </head>
   <body>
     <div id="root"></div>

diff --git a/eslint.config.js b/eslint.config.js
@@ -1,28 +1,28 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
 
 export default tseslint.config(
-  { ignores: ['dist'] },
+  { ignores: ["dist"] },
   {
     extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
+    files: ["**/*.{ts,tsx}"],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
     },
     plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
+      "react-refresh/only-export-components": [
+        "warn",
         { allowConstantExport: true },
       ],
     },
   },
-)
+);
diff --git a/postcss.config.js b/postcss.config.js
@@ -3,4 +3,4 @@ export default {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,27 +1,27 @@
 // src/App.tsx
-import React from 'react';
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
-import Header from './components/Header';
-import Footer from './components/Footer';
-// import PrivateRoute from './components/PrivateRoute';
-import { cn } from './lib/utils';
-import Service from './pages/Service';
-import Server from './pages/Server';
-import Setting from './pages/Setting';
-import Task from './pages/Task';
-import User from './pages/User';
-import Alarm from './pages/Alarm';
-import Intranet from './pages/Intranet';
-
-
+import React from "react";
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import Header from "./components/Header";
+import Footer from "./components/Footer";
+import { cn } from "./lib/utils";
+import Service from "./pages/Service";
+import Server from "./pages/Server";
+import Setting from "./pages/Setting";
+import Task from "./pages/Task";
+import User from "./pages/User";
+import Alarm from "./pages/Alarm";
+import Intranet from "./pages/Intranet";
+import Login from "./pages/Login";
+import PrivateRoute from "./components/PrivateRoute";
 
 const App: React.FC = () => {
   return (
     <Router basename={import.meta.env.BASE_URL}>
-      <div className={cn(
-        "min-h-screen font-sans antialiased flex w-full flex-col",
-      )}>
-
+      <div
+        className={cn(
+          "min-h-screen font-sans antialiased flex w-full flex-col",
+        )}
+      >
         <main className="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 bg-muted/50 flex-col gap-4">
           <Header />
           <Routes>
@@ -30,10 +30,16 @@ const App: React.FC = () => {
             <Route path="/task" element={<Task />} />
             <Route path="/alarm" element={<Alarm />} />
             <Route path="/intranet" element={<Intranet />} />
-            <Route path="/setting" element={<Setting />} />
-
+            <Route
+              path="/setting"
+              element={
+                <PrivateRoute>
+                  <Setting />
+                </PrivateRoute>
+              }
+            />
             <Route path="/user" element={<User />} />
-            {/* <Route path="/about" element={<About />} /> */}
+            <Route path="/login" element={<Login />} />
             {/* <Route
               path="/dashboard"
               element={

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -1,19 +1,19 @@
 // src/components/Footer.tsx
-import React from 'react';
+import React from "react";
 
 const Footer: React.FC = () => {
-    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 gap-2 text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50">
-                    ©2020-{new Date().getFullYear()}{" "}
-                    <a href={"https://nezha.wiki"} target="_blank">
-                        Nezha
-                    </a>
-                </section>
-            </section>
-        </footer>
-    );
+  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 gap-2 text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50">
+          ©2020-{new Date().getFullYear()}{" "}
+          <a href={"https://nezha.wiki"} target="_blank">
+            Nezha
+          </a>
+        </section>
+      </section>
+    </footer>
+  );
 };
 
 export default Footer;