From fdbab559c8be982c9c9aa97a9b501d94925c5c3b Mon Sep 17 00:00:00 2001
From: siddheshmorewdi <siddhesh.more@wdimails.com>
Date: Mon, 10 Jun 2024 17:28:43 +0530
Subject: [PATCH] login update

---
 .env                |  2 +-
 src/Pages/Login.jsx | 54 +++++++++++++++++++++++++++------------------
 2 files changed, 34 insertions(+), 22 deletions(-)

diff --git a/.env b/.env
index 9b5f3f2..63810f5 100644
--- a/.env
+++ b/.env
@@ -1,3 +1,3 @@
-VITE_API_BASE_URL="https://rubix.betadelivery.com/api"
+VITE_API_BASE_URL="https://rubix.betadelivery.com"
 VITE_API_IMAGE_URL="https://rubix.betadelivery.com"
 VITE_API_ENVIRONMENT="development"
\ No newline at end of file
diff --git a/src/Pages/Login.jsx b/src/Pages/Login.jsx
index dbf16a6..c574b9b 100644
--- a/src/Pages/Login.jsx
+++ b/src/Pages/Login.jsx
@@ -18,14 +18,18 @@ import {
   FormControl,
   FormLabel,
   Input,
+  InputGroup,
+  InputRightElement,
   useToast,
 } from "@chakra-ui/react";
 import GlobalStateContext from "../Contexts/GlobalStateContext";
-import Cookies from 'js-cookie';
+import Cookies from "js-cookie";
 import { validationSchema } from "../Validations/Validations";
 import ToastBox from "../Components/ToastBox";
 
 const Login = () => {
+  const [show, setShow] = useState(false);
+  const handleClick = () => setShow(!show);
   const { isAuthenticate, setIsAuthenticate } = useContext(GlobalStateContext);
   const toast = useToast();
   // const { isAuthenticate } = useSelector((state) => state?.auth);
@@ -45,7 +49,7 @@ const Login = () => {
     if (value.name === "Admin" && value.password === "Admin") {
       return setTimeout(() => {
         // dispatch(loginUser(true));
-        setIsAuthenticate(true)
+        setIsAuthenticate(true);
         setIsLoading(false);
         toast({
           render: () => (
@@ -53,16 +57,15 @@ const Login = () => {
           ),
         });
 
-        Cookies.set('isAuthenticated', true, { expires: 7 });
+        Cookies.set("isAuthenticated", true, { expires: 7 });
         navigate("/");
       }, 2000); // 3-second delay
     } else {
-
       return setTimeout(() => {
         // dispatch(loginUser(true));
-        setIsAuthenticate(false)
+        setIsAuthenticate(false);
         setIsLoading(false);
-        
+
         toast({
           render: () => (
             <ToastBox status={"error"} message={"Invalid credentials"} />
@@ -157,17 +160,28 @@ const Login = () => {
             Password <span className="text-danger">*</span>
           </FormLabel>
 
-          <Input
-            {...register("password")}
-            focusBorderColor="purple.500"
-            type="password"
-            name="password"
-            variant="filled"
-            placeholder="Password"
-            size="lg"
-            className="web-text-medium"
-          />
-
+          <InputGroup size="lg">
+            <Input
+              {...register("password")}
+              className="web-text-medium"
+              focusBorderColor="purple.500"
+              variant="filled"
+              pr="4.5rem"
+              type={show ? "text" : "password"}
+              placeholder="Enter password"
+            />
+            <InputRightElement width="4.5rem">
+              <Button
+                h="1.75rem"
+                size="sm"
+                fontSize={"xs"}
+                color={"purple.800"}
+                onClick={handleClick}
+              >
+                {show ? "Hide" : "Show"}
+              </Button>
+            </InputRightElement>
+          </InputGroup>
           {errors.password && (
             <span className="text-danger web-text-small fw-bold ps-2 d-flex align-items-center gap-1 mt-1">
               <TiWarning className="fw-bold fs-5 " /> {errors.password.message}
@@ -229,15 +243,13 @@ const Login = () => {
           position: "absolute",
           top: 0,
           left: 0,
-          width:300
+          width: 300,
         }}
-
         src={Ellipse4}
         alt="bg-img"
       />
 
-      
-<img
+      <img
         style={{
           position: "absolute",
           bottom: 0,