add

Ahmad Zani Syechkar · Ahmad Zani Syechkar · commit c33b143b602f · 2025-06-09T19:34:13.000+07:00
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Task Manager</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/server/server.ts b/server/server.ts
@@ -20,10 +20,10 @@ app.use(
 );
 
 // Middleware JSON parser
-app.use(express.static("../dist"));
-app.get("*", (req, res) => {
-  res.sendFile("../dist/index.html");
-});
+// app.use(express.static("../dist"));
+// app.get("*", (req, res) => {
+//   res.sendFile("../dist/index.html");
+// });
 
 // Connect database
 connectDB();
diff --git a/src/routes/Router.tsx b/src/routes/Router.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
 import PrivateRouter from './PrivateRouter';
 
+import Index from "../views/index"
 import Login from '../views/auth/Login'
 import SignUp from '../views/auth/SignUp'
 import DashboardAdmin from '../views/Admin/DashboardAdmin'
@@ -16,6 +17,7 @@ export default function AppRouter() {
   return (
     <Router>
       <Routes>
+        <Route path='/' element={ <Index /> }/>
         <Route path='/login' element={<Login />}/>
         <Route path='/signup' element={<SignUp />}></Route>
 
diff --git a/src/views/auth/Login.tsx b/src/views/auth/Login.tsx
@@ -108,6 +108,7 @@ export default function Login() {
               {error}
             </p>
           )}
+
           <Button type='submit'>
            {buttonText.toLowerCase() === "login" ? buttonText.toUpperCase() : buttonText} 
           </Button>
diff --git a/src/views/index.tsx b/src/views/index.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import Button from "../components/Button";
+import { useNavigate } from "react-router-dom";
+
+export default function Index() {
+  const navigate = useNavigate();
+
+  const handleButton = () => {
+    navigate("/login");
+  }
+
+  return (
+    <div className="flex justify-center items-center h-screen"> {/* Tambah h-screen */}
+      <div className="w-[90%] lg:w-[70%] flex flex-col justify-center items-center space-y-4"> {/* Tambah items-center dan space-y */}
+        <h3 className="text-xl font-semibold text-black">Welcome Back</h3>
+        <Button onClick={handleButton}>
+          Login
+        </Button>
+      </div>
+    </div>
+  );
+}
