Fix by tester in 4AM

.github/workflows/deploy.yml

@@ -202,6 +202,9 @@ jobs:
     env:
       BUCKET_NAME: freshmenfest2025-static
       SERVICE_NAME: freshmenfest2025-frontend
+      API_URL: https://freshmenfest2025.com/api
+      SITE_URL: https://freshmenfest2025.com
+      JWT_SECRET: ${{ secrets.PROD_SECRET_JWT_KEY }}
 
     steps:
       - name: Checkout code

package.json

@@ -25,6 +25,7 @@
     "@fontsource/zen-dots": "^5.2.6",
     "@lucide/astro": "^0.525.0",
     "@tailwindcss/vite": "^4.1.11",
+    "@tanstack/react-query": "^5.83.0",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "astro": "^5.10.1",

src/components/common/login/LoginForm.tsx

@@ -7,6 +7,7 @@ import { useForm } from "react-hook-form";
 import ForgotPasswordStep from "@/components/common/login/ForgetPasswordStep";
 import LoginStep from "@/components/common/login/LoginStep";
 import { api } from "@/lib/api";
+import { showSnackbar } from "@/lib/utils";
 
 interface LoginFormData {
   studentId: string;
@@ -54,16 +55,43 @@ export default function LoginForm({
       });
 
       if (response.success) {
-        window.location.href = "/firstdate/home";
+        window.location.href =
+          userType === "FRESHMAN" ? "/firstdate/home" : "/staff/home";
+      } else {
+        showSnackbar(
+          response.error || "Login failed. Please try again.",
+          "error"
+        );
       }
     },
     []
   );
 
-  const onForgotPasswordSubmit = useCallback((data: LoginFormData): void => {
-    console.log("Password reset form submitted:", data);
-    // Handle password reset logic here
-  }, []);
+  const onForgotPasswordSubmit = useCallback(
+    async (data: LoginFormData): Promise<void> => {
+      console.log("Password reset form submitted:", data);
+      // Handle password reset logic here
+      const response = await api.post("/auth/forgot-password", {
+        studentId: data.studentId,
+        citizenId: data.citizenId,
+        newPassword: data.newPassword,
+      });
+
+      if (response.success) {
+        showSnackbar(
+          "Password reset successful. You can now log in.",
+          "success"
+        );
+        setStep(1); // Go back to login step
+      } else {
+        showSnackbar(
+          response.error || "Password reset failed. Please try again.",
+          "error"
+        );
+      }
+    },
+    []
+  );
 
   const handleForgot = useCallback((): void => {
     setStep(2);

src/components/common/login/LoginStep.tsx

@@ -129,6 +129,14 @@ export default function LoginStep({
         >
           เข้าสู่ระบบ
         </button>
+
+        <a
+          type="button"
+          className="mt-5 text-right text-sm text-gray-500 underline"
+          href="/register"
+        >
+          ลงทะเบียนบัญชีใหม่
+        </a>
       </form>
     </div>
   );