From 5af634059aac2171264f7c680abca39d23f274e4 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Tue, 24 Dec 2024 03:08:08 +0530
Subject: [PATCH] fix: format

---
 src/pages/Login.tsx | 252 ++++++++++++++++++++++----------------------
 1 file changed, 126 insertions(+), 126 deletions(-)

diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index d88e1a49..ba0f377e 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -1,138 +1,138 @@
-import axios from "axios"; 
-import { useState, useContext, useEffect, FormEvent } from "react"; 
-import { useNavigate, Link } from "react-router-dom"; 
-import { AuthContext } from "../context/auth"; 
-import { Box, Typography, TextField, Button, CircularProgress, Grid } from "@mui/material"; 
-import { useGlobalInfoStore } from "../context/globalInfo"; 
+import axios from "axios";
+import { useState, useContext, useEffect, FormEvent } from "react";
+import { useNavigate, Link } from "react-router-dom";
+import { AuthContext } from "../context/auth";
+import { Box, Typography, TextField, Button, CircularProgress, Grid } from "@mui/material";
+import { useGlobalInfoStore } from "../context/globalInfo";
 import { apiUrl } from "../apiConfig";
 import { useTranslation } from 'react-i18next';
-import i18n from '../i18n'; 
+import i18n from '../i18n';
 
 const Login = () => {
-   const { t } = useTranslation();
-   // just don't remove these logs - god knows why it's not working without them
-   console.log(i18n) 
-   console.log(t)
-   const [form, setForm] = useState({
-     email: "",
-     password: "",
-   });
-   const [loading, setLoading] = useState(false);
-   const { notify } = useGlobalInfoStore();
-   const { email, password } = form;
+  const { t } = useTranslation();
+  // just don't remove these logs - god knows why it's not working without them
+  console.log(i18n)
+  console.log(t)
+  const [form, setForm] = useState({
+    email: "",
+    password: "",
+  });
+  const [loading, setLoading] = useState(false);
+  const { notify } = useGlobalInfoStore();
+  const { email, password } = form;
 
-   const { state, dispatch } = useContext(AuthContext);
-   const { user } = state;
+  const { state, dispatch } = useContext(AuthContext);
+  const { user } = state;
 
-   const navigate = useNavigate();
+  const navigate = useNavigate();
 
-   useEffect(() => {
-     if (user) {
-       navigate("/");
-     }
-   }, [user, navigate]);
+  useEffect(() => {
+    if (user) {
+      navigate("/");
+    }
+  }, [user, navigate]);
 
-   const handleChange = (e: any) => {
-     const { name, value } = e.target;
-     setForm({ ...form, [name]: value });
-   };
+  const handleChange = (e: any) => {
+    const { name, value } = e.target;
+    setForm({ ...form, [name]: value });
+  };
 
-   const submitForm = async (e: any) => {
-     e.preventDefault();
-     setLoading(true);
-     try {
-       const { data } = await axios.post(`${apiUrl}/auth/login`, {
-         email,
-         password,
-       });
-       dispatch({ type: "LOGIN", payload: data });
-       notify("success", t('login.welcome_notification'));
-       window.localStorage.setItem("user", JSON.stringify(data));
-       navigate("/");
-     } catch (err) {
-       notify("error", t('login.error_notification'));
-       setLoading(false);
-     }
-   };
-   
-   return (
-     <Box
-       sx={{
-         display: "flex",
-         justifyContent: "center",
-         alignItems: "center",
-         maxHeight: "100vh",
-         mt: 6,
-         padding: 4,
-       }}
-     >
-       <Box
-         component="form"
-         onSubmit={submitForm}
-         sx={{
-           textAlign: "center",
-           backgroundColor: "#ffffff",
-           padding: 6,
-           borderRadius: 5,
-           boxShadow: "0px 20px 40px rgba(0, 0, 0, 0.2), 0px -5px 10px rgba(0, 0, 0, 0.15)",
-           display: "flex",
-           flexDirection: "column",
-           alignItems: "center",
-           maxWidth: 400,
-           width: "100%",
-         }}
-       >
-         <img src="../src/assets/maxunlogo.png" alt="logo" height={55} width={60} style={{ marginBottom: 20, borderRadius: "20%", alignItems: "center" }} />
-         <Typography variant="h4" gutterBottom>
-           {t('login.title')}
-         </Typography>
-         <TextField
-           fullWidth
-           label={t('login.email')}
-           name="email"
-           value={email}
-           onChange={handleChange}
-           margin="normal"
-           variant="outlined"
-           required
-         />
-         <TextField
-           fullWidth
-           label={t('login.password')}
-           name="password"
-           type="password"
-           value={password}
-           onChange={handleChange}
-           margin="normal"
-           variant="outlined"
-           required
-         />
-         <Button
-           type="submit"
-           fullWidth
-           variant="contained"
-           color="primary"
-           sx={{ mt: 2, mb: 2 }}
-           disabled={loading || !email || !password}
-         >
-           {loading ? (
-             <>
-               <CircularProgress size={20} sx={{ mr: 2 }} />
-               {t('login.loading')}
-             </>
-           ) : (
-             t('login.button')
-           )}
-         </Button>
-         <Typography variant="body2" align="center">
-           {t('login.register_prompt')}{" "}
-           <Link to="/register" style={{ textDecoration: "none", color: "#ff33cc" }}>
-             {t('login.register_link')}
-           </Link>
-         </Typography>
-       </Box>
-     </Box>
-   );
+  const submitForm = async (e: any) => {
+    e.preventDefault();
+    setLoading(true);
+    try {
+      const { data } = await axios.post(`${apiUrl}/auth/login`, {
+        email,
+        password,
+      });
+      dispatch({ type: "LOGIN", payload: data });
+      notify("success", t('login.welcome_notification'));
+      window.localStorage.setItem("user", JSON.stringify(data));
+      navigate("/");
+    } catch (err) {
+      notify("error", t('login.error_notification'));
+      setLoading(false);
+    }
+  };
+
+  return (
+    <Box
+      sx={{
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        maxHeight: "100vh",
+        mt: 6,
+        padding: 4,
+      }}
+    >
+      <Box
+        component="form"
+        onSubmit={submitForm}
+        sx={{
+          textAlign: "center",
+          backgroundColor: "#ffffff",
+          padding: 6,
+          borderRadius: 5,
+          boxShadow: "0px 20px 40px rgba(0, 0, 0, 0.2), 0px -5px 10px rgba(0, 0, 0, 0.15)",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          maxWidth: 400,
+          width: "100%",
+        }}
+      >
+        <img src="../src/assets/maxunlogo.png" alt="logo" height={55} width={60} style={{ marginBottom: 20, borderRadius: "20%", alignItems: "center" }} />
+        <Typography variant="h4" gutterBottom>
+          {t('login.title')}
+        </Typography>
+        <TextField
+          fullWidth
+          label={t('login.email')}
+          name="email"
+          value={email}
+          onChange={handleChange}
+          margin="normal"
+          variant="outlined"
+          required
+        />
+        <TextField
+          fullWidth
+          label={t('login.password')}
+          name="password"
+          type="password"
+          value={password}
+          onChange={handleChange}
+          margin="normal"
+          variant="outlined"
+          required
+        />
+        <Button
+          type="submit"
+          fullWidth
+          variant="contained"
+          color="primary"
+          sx={{ mt: 2, mb: 2 }}
+          disabled={loading || !email || !password}
+        >
+          {loading ? (
+            <>
+              <CircularProgress size={20} sx={{ mr: 2 }} />
+              {t('login.loading')}
+            </>
+          ) : (
+            t('login.button')
+          )}
+        </Button>
+        <Typography variant="body2" align="center">
+          {t('login.register_prompt')}{" "}
+          <Link to="/register" style={{ textDecoration: "none", color: "#ff33cc" }}>
+            {t('login.register_link')}
+          </Link>
+        </Typography>
+      </Box>
+    </Box>
+  );
 };
 
 export default Login;
\ No newline at end of file