From de83facf5a78656ee49d56cb0ce3a23b516e9d9c Mon Sep 17 00:00:00 2001
From: Sinan <muhammedsinan7749@gmail.com>
Date: Tue, 27 Aug 2024 20:30:15 +0530
Subject: [PATCH] =?UTF-8?q?Redux=20removed:=20=EF=BF=BD=E2=9C=94=20working?=
 =?UTF-8?q?=20fine?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../signin/otp-verification/page.tsx          | 14 +--
 client/app/StoreProvider.tsx                  | 13 ---
 client/app/layout.tsx                         |  3 -
 .../staff/@signin/otp-verification/page.tsx   | 10 +-
 client/app/staff/@signin/page.tsx             |  1 -
 client/components/forms/OtpForms.tsx          | 73 +++++++-------
 client/components/forms/RegistrationForm.tsx  | 28 +-----
 client/components/forms/SigninForm.tsx        | 16 +---
 client/components/forms/SignupForm.tsx        |  7 +-
 client/components/utils/SearchInput.tsx       | 29 ------
 client/lib/features/api/authApi.ts            | 43 ---------
 client/lib/features/slices/authSlice.ts       | 29 ------
 .../lib/middlewares/localStorageMiddleware.ts | 14 ---
 client/lib/store.ts                           | 22 -----
 client/lib/utils.ts                           | 77 ---------------
 client/package-lock.json                      | 96 -------------------
 client/package.json                           |  3 -
 client/types/auth.ts                          |  7 --
 client/types/index.ts                         |  6 --
 19 files changed, 46 insertions(+), 445 deletions(-)
 delete mode 100644 client/app/StoreProvider.tsx
 delete mode 100644 client/components/utils/SearchInput.tsx
 delete mode 100644 client/lib/features/api/authApi.ts
 delete mode 100644 client/lib/features/slices/authSlice.ts
 delete mode 100644 client/lib/middlewares/localStorageMiddleware.ts
 delete mode 100644 client/lib/store.ts
 delete mode 100644 client/types/auth.ts

diff --git a/client/app/(patient)/signin/otp-verification/page.tsx b/client/app/(patient)/signin/otp-verification/page.tsx
index e54abd09..315dfe39 100644
--- a/client/app/(patient)/signin/otp-verification/page.tsx
+++ b/client/app/(patient)/signin/otp-verification/page.tsx
@@ -1,25 +1,16 @@
 "use client";
 import OtpVerificationSection from "@/components/forms/OtpForms";
-import { useVerifyOtpMutation } from "@/lib/features/api/authApi";
 import Image from "next/image";
 import React, { FormEvent, useState } from "react";
-import { useSelector } from "react-redux";
-import {RootState} from '@/lib/store'
-
 const OtpVerificationPage = () => {
-   const [otp,setOtp] = useState('')
-   const [verifyOtp, { isLoading , data}] = useVerifyOtpMutation();
-   const email = useSelector((state:RootState)=>state.auth.token) as string
+   const [otp, setOtp] = useState("");
+   const [isLoading, setLoading] = useState(false);
 
    const handleVerify = async (e: FormEvent) => {
       e.preventDefault();
       try {
-         await verifyOtp({otp: parseInt(otp),email});
-         console.log(data);
-         
       } catch (error) {
          console.log(error);
-         
       }
    };
 
@@ -44,7 +35,6 @@ const OtpVerificationPage = () => {
                   isLoading={isLoading}
                   timer={30}
                />
-              
             </div>
          </section>
 
diff --git a/client/app/StoreProvider.tsx b/client/app/StoreProvider.tsx
deleted file mode 100644
index 05fbb9bd..00000000
--- a/client/app/StoreProvider.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-import { Provider } from "react-redux";
-import { makeStore, AppStore } from "@/lib/store";
-import { useRef } from "react";
-
-export const StoreProvider = ({ children }: { children: React.ReactNode }) => {
-   const storeRef = useRef<AppStore>();
-   if (!storeRef.current) {
-      storeRef.current = makeStore();
-   }
-   return <Provider store={storeRef.current}>{children}</Provider>;
-};
diff --git a/client/app/layout.tsx b/client/app/layout.tsx
index 24d8af14..798b60fb 100644
--- a/client/app/layout.tsx
+++ b/client/app/layout.tsx
@@ -3,7 +3,6 @@ import { Plus_Jakarta_Sans } from "next/font/google";
 import "../styles/globals.css";
 import { cn } from "@/lib/utils";
 import { ThemeProvider } from "@/components/ThemeProvider";
-import { StoreProvider } from "./StoreProvider";
 import NavBar from "@/components/NavBar";
 import Footer from "@/components/Footer";
 import { Toaster } from "@/components/ui/toaster";
@@ -31,14 +30,12 @@ export default function RootLayout({
    return (
       <html lang="en" suppressHydrationWarning>
          <body className={cn("min-h-[600px] bg-dark-300 font-sans antialiased", inter.variable)}>
-            <StoreProvider>
                <ThemeProvider attribute="class" defaultTheme="dark">
                   <NavBar />
                   <Toaster />
                   {children}
                   <Footer />
                </ThemeProvider>
-            </StoreProvider>
          </body>
       </html>
    );
diff --git a/client/app/staff/@signin/otp-verification/page.tsx b/client/app/staff/@signin/otp-verification/page.tsx
index a9e3160a..b31ca7eb 100644
--- a/client/app/staff/@signin/otp-verification/page.tsx
+++ b/client/app/staff/@signin/otp-verification/page.tsx
@@ -1,22 +1,16 @@
 'use client'
 import OtpForm from "@/components/forms/OtpForms";
-import { useVerifyOtpMutation } from "@/lib/features/api/authApi";
-import { RootState } from "@/lib/store";
 import Image from "next/image";
 import Link from "next/link";
 import { FormEvent, useState } from "react";
-import { useSelector } from "react-redux";
 
 const OtpVerificationPage = () => {
    const [otp,setOtp] = useState('')
-   const [verifyOtp, { isLoading , data}] = useVerifyOtpMutation();
-   const email = useSelector((state:RootState)=>state.auth.token) as string
-
+   const [isLoading,setLoading] = useState(false)
    const handleVerify = async (e: FormEvent) => {
       e.preventDefault();
       try {
-         await verifyOtp({otp: parseInt(otp),email});
-         console.log(data);
+        
          
       } catch (error) {
          console.log(error);
diff --git a/client/app/staff/@signin/page.tsx b/client/app/staff/@signin/page.tsx
index 7108a651..ed5cc035 100644
--- a/client/app/staff/@signin/page.tsx
+++ b/client/app/staff/@signin/page.tsx
@@ -1,4 +1,3 @@
-"use server";
 import SigninForm from "@/components/forms/admin/SigninForm";
 import Image from "next/image";
 import Link from "next/link";
diff --git a/client/components/forms/OtpForms.tsx b/client/components/forms/OtpForms.tsx
index 8ab236c5..7c72f776 100644
--- a/client/components/forms/OtpForms.tsx
+++ b/client/components/forms/OtpForms.tsx
@@ -1,48 +1,39 @@
 "use client";
 
-import { FormEvent, useState} from "react";
-import {
-  InputOTP,
-  InputOTPGroup,
-  InputOTPSlot,
-} from "@/components/ui/input-otp";
+import { FormEvent } from "react";
+import { InputOTP, InputOTPGroup, InputOTPSlot } from "@/components/ui/input-otp";
 import { Otptimer } from "otp-timer-ts";
 import { OtpFromProps } from "@/types/fromTypes";
 import SubmitButton from "../utils/SubmitButton";
 
-export default function OtpVerificationSection({handleVerify,handleResend,timer,isLoading,otp,setOtp}:OtpFromProps) {
-
-  return (
-    <form className="space-y-6 flex-1" onSubmit={(e:FormEvent)=>handleVerify(e)}>
-      <section className="mb-12 space-y-4">
-        <h1 className="header">OTP Verification </h1>
-        <p className="text-dark-700">
-          Please enter the OTP sent to your registered mobile number.
-        </p>
-      </section>
-      <InputOTP
-        maxLength={6}
-        value={otp}
-        onChange={value => setOtp(value)}
-        className="mb-6"
-      >
-        <InputOTPGroup className="shad-otp">
-          <InputOTPSlot index={0} className="shad-otp-slot" />
-          <InputOTPSlot index={1} className="shad-otp-slot" />
-          <InputOTPSlot index={2} className="shad-otp-slot" />
-          <InputOTPSlot index={3} className="shad-otp-slot" />
-          <InputOTPSlot index={4} className="shad-otp-slot" />
-          <InputOTPSlot index={5} className="shad-otp-slot" />
-        </InputOTPGroup>
-      </InputOTP>
-      <div className="mt-4 mb-5 flex justify-between items-center">
-        <Otptimer seconds={timer} onResend={handleResend} />
-      </div>
-      <SubmitButton
-        isLoading={isLoading}
-      >
-        Verify OTP
-      </SubmitButton>
-    </form>
-  );
+export default function OtpVerificationSection({
+   handleVerify,
+   handleResend,
+   timer,
+   isLoading,
+   otp,
+   setOtp,
+}: OtpFromProps) {
+   return (
+      <form className="space-y-6 flex-1" onSubmit={(e: FormEvent) => handleVerify(e)}>
+         <section className="mb-12 space-y-4">
+            <h1 className="header">OTP Verification </h1>
+            <p className="text-dark-700">Please enter the OTP sent to your registered mobile number.</p>
+         </section>
+         <InputOTP maxLength={6} value={otp} onChange={(value) => setOtp(value)} className="mb-6">
+            <InputOTPGroup className="shad-otp">
+               <InputOTPSlot index={0} className="shad-otp-slot" />
+               <InputOTPSlot index={1} className="shad-otp-slot" />
+               <InputOTPSlot index={2} className="shad-otp-slot" />
+               <InputOTPSlot index={3} className="shad-otp-slot" />
+               <InputOTPSlot index={4} className="shad-otp-slot" />
+               <InputOTPSlot index={5} className="shad-otp-slot" />
+            </InputOTPGroup>
+         </InputOTP>
+         <div className="mt-4 mb-5 flex justify-between items-center">
+            <Otptimer seconds={timer} onResend={handleResend} />
+         </div>
+         <SubmitButton isLoading={isLoading}>Verify OTP</SubmitButton>
+      </form>
+   );
 }
diff --git a/client/components/forms/RegistrationForm.tsx b/client/components/forms/RegistrationForm.tsx
index 0b916876..cc9c83b6 100644
--- a/client/components/forms/RegistrationForm.tsx
+++ b/client/components/forms/RegistrationForm.tsx
@@ -16,7 +16,6 @@ import { SelectItem } from "../ui/select";
 
 const RegistrationForm = () => {
    const [isLoading, setIsLoading] = useState<boolean>(false);
-   // const [login] = useLoginMutation();
    const form = useForm<z.infer<typeof registerFormValidation>>({
       resolver: zodResolver(registerFormValidation),
       defaultValues: {
@@ -38,17 +37,6 @@ const RegistrationForm = () => {
          console.log(values);
          setIsLoading(false);
       }, 2000);
-      // try {
-      //   const user = await login({
-      //     phone: values.phone,
-      //     password: values.password,
-      //   }).unwrap();
-
-      //   console.log("Login successful:", user);
-      // } catch (error) {
-      //   console.error("Failed to log in:", error);
-      // } finally {
-      // }
    };
 
    return (
@@ -72,20 +60,16 @@ const RegistrationForm = () => {
                   control={form.control}
                   name="gender"
                   label="Gender  *"
-                  renderSkeleton={field => (
+                  renderSkeleton={(field) => (
                      <FormControl>
                         <RadioGroup
                            className="flex h-11 gap-6 xl:justify-between"
                            onValueChange={field.onChange}
-                           defaultValue={field.value}
-                        >
+                           defaultValue={field.value}>
                            {GenderOptions.map((option, i) => (
                               <div key={option} className="radio-group">
                                  <RadioGroupItem value={option} id={option} />
-                                 <Label
-                                    htmlFor={option}
-                                    className="cursor-pointer"
-                                 >
+                                 <Label htmlFor={option} className="cursor-pointer">
                                     {option}
                                  </Label>
                               </div>
@@ -101,8 +85,7 @@ const RegistrationForm = () => {
                   control={form.control}
                   name="bloodType"
                   label="Your blood type  *"
-                  placeholder="Select blood type"
-               >
+                  placeholder="Select blood type">
                   {BloodTypes.map((blood, i) => (
                      <SelectItem key={blood + i} value={blood}>
                         <div className="flex cursor-pointer items-center gap-2">
@@ -117,8 +100,7 @@ const RegistrationForm = () => {
                   control={form.control}
                   name="disease"
                   label="Primary Disease  *"
-                  placeholder="Select a disease"
-               >
+                  placeholder="Select a disease">
                   {DiseaseOptions.map((disease, i) => (
                      <SelectItem key={disease + i} value={disease}>
                         <div className="flex cursor-pointer items-center gap-2">
diff --git a/client/components/forms/SigninForm.tsx b/client/components/forms/SigninForm.tsx
index 726a41ce..19988b96 100644
--- a/client/components/forms/SigninForm.tsx
+++ b/client/components/forms/SigninForm.tsx
@@ -10,18 +10,14 @@ import SubmitButton from "@/components/utils/SubmitButton";
 import { signinFormValidation } from "@/lib/validators/userValidation";
 import Link from "next/link";
 import { FormFieldType } from "@/types/fromTypes";
-import { useSignInMutation } from "@/lib/features/api/authApi";
 import { useToast } from "../ui/use-toast";
 import { useRouter } from "next/navigation";
-import { useDispatch } from "react-redux";
-import { setCredentials } from "@/lib/features/slices/authSlice";
 
 const LoginForm = () => {
-   const [signIn, { isLoading: isPosting, data, error: signinError }] = useSignInMutation();
    const [error, setError] = useState("");
    const { toast } = useToast();
    const router = useRouter();
-   const dispatch = useDispatch();
+   const [isLoading,setLoading] = useState(false);
 
    const form = useForm<z.infer<typeof signinFormValidation>>({
       resolver: zodResolver(signinFormValidation),
@@ -33,20 +29,14 @@ const LoginForm = () => {
 
    const onSubmit = async (values: z.infer<typeof signinFormValidation>) => {
       try {
-         const result = await signIn(values).unwrap();
-         console.log(result);
-         
-         dispatch(setCredentials({token:result.email}));
-         router.push("/signin/otp-verification");
          toast({
             title: "OTP Verification",
             description: "Please check your email for the OTP.",
             variant: "default",
          });
+         router.push('/signin/otp-verification')
       } catch (error: any) {
          setError(error.data?.message || "An error occurred during sign-in.");
-         console.log(error);
-
          toast({
             title: "Sign-In Failed",
             description: error.data?.message || "Please try again.",
@@ -87,7 +77,7 @@ const LoginForm = () => {
 
             {error && <p className="text-red-500 text-sm mt-2">{error}</p>}
 
-            <SubmitButton isLoading={isPosting}>Sign In</SubmitButton>
+            <SubmitButton isLoading={isLoading}>Sign In</SubmitButton>
          </form>
       </Form>
    );
diff --git a/client/components/forms/SignupForm.tsx b/client/components/forms/SignupForm.tsx
index 83a12f3a..61b6705f 100644
--- a/client/components/forms/SignupForm.tsx
+++ b/client/components/forms/SignupForm.tsx
@@ -8,7 +8,6 @@ import { Form } from "@/components/ui/form";
 import CustomFormField from "@/components/utils/CustomFormField";
 import SubmitButton from "@/components/utils/SubmitButton";
 import { signupFormValidation } from "@/lib/validators/userValidation";
-import { useSignUpMutation } from "@/lib/features/api/authApi";
 import { FormFieldType } from "@/types/fromTypes";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
@@ -19,6 +18,7 @@ const RegistrationForm = () => {
    const [error, setError] = useState<string>("");
    const router = useRouter();
    const { toast } = useToast();
+   const [isLoading, setLoading] = useState(false);
 
    const form = useForm<z.infer<typeof signupFormValidation>>({
       resolver: zodResolver(signupFormValidation),
@@ -31,11 +31,8 @@ const RegistrationForm = () => {
       },
    });
 
-   const [signUp, { isLoading: isPosting, data: response, error: signUpError }] = useSignUpMutation();
-
    const onSubmit = async (formData: z.infer<typeof signupFormValidation>) => {
       try {
-         await signUp(formData).unwrap();
          toast({
             title: "Registration Successful",
             description: "You have successfully registered. Please sign in.",
@@ -120,7 +117,7 @@ const RegistrationForm = () => {
 
             {error && <p className="text-red-500 text-sm mt-2">{error}</p>}
 
-            <SubmitButton isLoading={isPosting}>Sign Up</SubmitButton>
+            <SubmitButton isLoading={isLoading}>Sign Up</SubmitButton>
          </form>
       </Form>
    );
diff --git a/client/components/utils/SearchInput.tsx b/client/components/utils/SearchInput.tsx
deleted file mode 100644
index e37ab4ec..00000000
--- a/client/components/utils/SearchInput.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React, { useState } from "react";
-import { SearchInputProps } from "@/types/index";
-import { Input } from "../ui/input";
-import { Button } from "../ui/button";
-import Image from "next/image";
-
-const SearchInput = ({ placeHolder }: SearchInputProps) => {
-   const [input, setInput] = useState<string>("");
-   return (
-      <div className="boarder rounded-lg flex justify-between items-center">
-         <Input
-            type="text"
-            placeholder={placeHolder}
-            className="boarder-none"
-         />
-         <Button variant={"ghost"} size={"icon"}>
-            <Image
-               src="/assets/icons/search.svg"
-               width={23}
-               height={23}
-               alt="Search Icon"
-            />
-            <span className="sr-only">Search Button</span>
-         </Button>
-      </div>
-   );
-};
-
-export default SearchInput;
diff --git a/client/lib/features/api/authApi.ts b/client/lib/features/api/authApi.ts
deleted file mode 100644
index 56c4a7cc..00000000
--- a/client/lib/features/api/authApi.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
-import { IPatient } from "@/types";
-
-interface SignInResponse {
-   message: string;
-   email: string;
-}
-
-interface SignUpResponse {
-   message: string;
-}
-
-export const authApi = createApi({
-   reducerPath: "authApi",
-   baseQuery: fetchBaseQuery({
-      baseUrl: `${process.env.NEXT_PUBLIC_SERVER_URL}/api/patient`,
-   }),
-   endpoints: (builder) => ({
-      signIn: builder.mutation<SignInResponse, {email:string,password:string}>({
-         query: (credentials) => ({
-            url: "/login",
-            method: "POST",
-            body: credentials,
-         }),
-      }),
-      signUp: builder.mutation<SignUpResponse, IPatient>({
-         query: (credentials) => ({
-            url: "/",
-            method: "POST",
-            body: credentials,
-         }),
-      }),
-      verifyOtp: builder.mutation<IPatient, { otp: number; email: string }>({
-         query: (credentials) => ({
-            url: "/otp-verification",
-            method: "POST",
-            body: credentials,
-         }),
-      }),
-   }),
-});
-
-export const { useSignInMutation, useSignUpMutation, useVerifyOtpMutation } = authApi;
diff --git a/client/lib/features/slices/authSlice.ts b/client/lib/features/slices/authSlice.ts
deleted file mode 100644
index 2edb059e..00000000
--- a/client/lib/features/slices/authSlice.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { isBrowser } from "@/lib/utils";
-import { AuthState } from "@/types/auth";
-import { createSlice, PayloadAction } from "@reduxjs/toolkit";
-
-const initialState: AuthState = {
-   token: isBrowser ? localStorage.getItem("authToken") : null,
-};
-
-const authSlice = createSlice({
-   name: "auth",
-   initialState,
-   reducers: {
-      setCredentials: (state, action: PayloadAction<{ token: string }>) => {
-         state.token = action.payload.token;
-         if (isBrowser) {
-            localStorage.setItem("authToken", action.payload.token);
-         }
-      },
-      logout: state => {
-         state.token = null;
-         if (isBrowser) {
-            localStorage.removeItem("authToken");
-         }
-      },
-   },
-});
-
-export const { setCredentials, logout } = authSlice.actions;
-export default authSlice.reducer;
diff --git a/client/lib/middlewares/localStorageMiddleware.ts b/client/lib/middlewares/localStorageMiddleware.ts
deleted file mode 100644
index 2430d723..00000000
--- a/client/lib/middlewares/localStorageMiddleware.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Middleware } from "@reduxjs/toolkit";
-
-const localStorageMiddleWare: Middleware = storeApi => next => action => {
-   const result = next(action);
-
-   if (typeof window !== "undefined") {
-      const state = storeApi.getState();
-      // things to do in with localstorage such as updating seting data to the store
-      // localStorage.setItem("isAdmin", state.admin.isAdmin.toString());
-   }
-   return result;
-};
-
-export default localStorageMiddleWare;
diff --git a/client/lib/store.ts b/client/lib/store.ts
deleted file mode 100644
index 49523dd7..00000000
--- a/client/lib/store.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { configureStore } from "@reduxjs/toolkit";
-import { authApi } from "./features/api/authApi";
-import authSlice from "./features/slices/authSlice";
-import localStorageMiddleWare from "./middlewares/localStorageMiddleware";
-
-export const makeStore = () => {
-   return configureStore({
-      reducer: {
-         auth: authSlice,
-         [authApi.reducerPath]: authApi.reducer,
-      },
-      middleware: getDefaultMiddleware =>
-         getDefaultMiddleware()
-            .concat(authApi.middleware)
-            .concat(localStorageMiddleWare),
-      devTools: process.env.NEXT_PUBLIC_ENV !== "production",
-   });
-};
-
-export type AppStore = ReturnType<typeof makeStore>;
-export type RootState = ReturnType<AppStore["getState"]>;
-export type AppDispatch = AppStore["dispatch"];
diff --git a/client/lib/utils.ts b/client/lib/utils.ts
index 257433ec..d7bf6854 100644
--- a/client/lib/utils.ts
+++ b/client/lib/utils.ts
@@ -5,80 +5,3 @@ export function cn(...inputs: ClassValue[]) {
    return twMerge(clsx(inputs));
 }
 
-export const isMobile = () => {
-   if (typeof window === "undefined") return false;
-   const width = window.innerWidth;
-   return width <= 1024;
-};
-
-export const isBrowser = typeof window !== "undefined";
-
-export const parseStringify = (value: any) => JSON.parse(JSON.stringify(value));
-
-export const convertFileToUrl = (file: File) => URL.createObjectURL(file);
-
-// FORMAT DATE TIME
-export const formatDateTime = (dateString: Date | string) => {
-   const dateTimeOptions: Intl.DateTimeFormatOptions = {
-      month: "short", // abbreviated month name (e.g., 'Oct')
-      day: "numeric", // numeric day of the month (e.g., '25')
-      year: "numeric", // numeric year (e.g., '2023')
-      hour: "numeric", // numeric hour (e.g., '8')
-      minute: "numeric", // numeric minute (e.g., '30')
-      hour12: true, // use 12-hour clock (true) or 24-hour clock (false)
-   };
-
-   const dateDayOptions: Intl.DateTimeFormatOptions = {
-      weekday: "short", // abbreviated weekday name (e.g., 'Mon')
-      year: "numeric", // numeric year (e.g., '2023')
-      month: "2-digit", // abbreviated month name (e.g., 'Oct')
-      day: "2-digit", // numeric day of the month (e.g., '25')
-   };
-
-   const dateOptions: Intl.DateTimeFormatOptions = {
-      month: "short", // abbreviated month name (e.g., 'Oct')
-      year: "numeric", // numeric year (e.g., '2023')
-      day: "numeric", // numeric day of the month (e.g., '25')
-   };
-
-   const timeOptions: Intl.DateTimeFormatOptions = {
-      hour: "numeric", // numeric hour (e.g., '8')
-      minute: "numeric", // numeric minute (e.g., '30')
-      hour12: true, // use 12-hour clock (true) or 24-hour clock (false)
-   };
-
-   const formattedDateTime: string = new Date(dateString).toLocaleString(
-      "en-US",
-      dateTimeOptions,
-   );
-
-   const formattedDateDay: string = new Date(dateString).toLocaleString(
-      "en-US",
-      dateDayOptions,
-   );
-
-   const formattedDate: string = new Date(dateString).toLocaleString(
-      "en-US",
-      dateOptions,
-   );
-
-   const formattedTime: string = new Date(dateString).toLocaleString(
-      "en-US",
-      timeOptions,
-   );
-
-   return {
-      dateTime: formattedDateTime,
-      dateDay: formattedDateDay,
-      dateOnly: formattedDate,
-      timeOnly: formattedTime,
-   };
-};
-
-export function encryptKey(passkey: string) {
-   return btoa(passkey);
-}
-
-export function decryptKey(passkey: string) {
-   return atob(passkey);
-}
diff --git a/client/package-lock.json b/client/package-lock.json
index fc1b9798..ea51375a 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -20,7 +20,6 @@
             "@radix-ui/react-slot": "^1.1.0",
             "@radix-ui/react-toast": "^1.2.1",
             "@radix-ui/react-tooltip": "^1.1.2",
-            "@reduxjs/toolkit": "^2.2.7",
             "class-variance-authority": "^0.7.0",
             "clsx": "^2.1.1",
             "framer-motion": "^11.3.28",
@@ -34,8 +33,6 @@
             "react-dom": "^18",
             "react-hook-form": "^7.52.2",
             "react-phone-number-input": "^3.4.5",
-            "react-redux": "^9.1.2",
-            "redux": "^5.0.1",
             "tailwind-merge": "^2.5.2",
             "tailwindcss-animate": "^1.0.7",
             "zod": "^3.23.8"
@@ -1371,30 +1368,6 @@
          "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==",
          "license": "MIT"
       },
-      "node_modules/@reduxjs/toolkit": {
-         "version": "2.2.7",
-         "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.2.7.tgz",
-         "integrity": "sha512-faI3cZbSdFb8yv9dhDTmGwclW0vk0z5o1cia+kf7gCbaCwHI5e+7tP57mJUv22pNcNbeA62GSrPpfrUfdXcQ6g==",
-         "license": "MIT",
-         "dependencies": {
-            "immer": "^10.0.3",
-            "redux": "^5.0.1",
-            "redux-thunk": "^3.1.0",
-            "reselect": "^5.1.0"
-         },
-         "peerDependencies": {
-            "react": "^16.9.0 || ^17.0.0 || ^18",
-            "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
-         },
-         "peerDependenciesMeta": {
-            "react": {
-               "optional": true
-            },
-            "react-redux": {
-               "optional": true
-            }
-         }
-      },
       "node_modules/@rushstack/eslint-patch": {
          "version": "1.10.4",
          "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz",
@@ -1463,12 +1436,6 @@
             "@types/react": "*"
          }
       },
-      "node_modules/@types/use-sync-external-store": {
-         "version": "0.0.3",
-         "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz",
-         "integrity": "sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==",
-         "license": "MIT"
-      },
       "node_modules/@typescript-eslint/parser": {
          "version": "7.2.0",
          "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.2.0.tgz",
@@ -3616,16 +3583,6 @@
             "node": ">= 4"
          }
       },
-      "node_modules/immer": {
-         "version": "10.1.1",
-         "resolved": "https://registry.npmjs.org/immer/-/immer-10.1.1.tgz",
-         "integrity": "sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==",
-         "license": "MIT",
-         "funding": {
-            "type": "opencollective",
-            "url": "https://opencollective.com/immer"
-         }
-      },
       "node_modules/import-fresh": {
          "version": "3.3.0",
          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -5286,29 +5243,6 @@
             "react-dom": ">=16.8"
          }
       },
-      "node_modules/react-redux": {
-         "version": "9.1.2",
-         "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.1.2.tgz",
-         "integrity": "sha512-0OA4dhM1W48l3uzmv6B7TXPCGmokUU4p1M44DGN2/D9a1FjVPukVjER1PcPX97jIg6aUeLq1XJo1IpfbgULn0w==",
-         "license": "MIT",
-         "dependencies": {
-            "@types/use-sync-external-store": "^0.0.3",
-            "use-sync-external-store": "^1.0.0"
-         },
-         "peerDependencies": {
-            "@types/react": "^18.2.25",
-            "react": "^18.0",
-            "redux": "^5.0.0"
-         },
-         "peerDependenciesMeta": {
-            "@types/react": {
-               "optional": true
-            },
-            "redux": {
-               "optional": true
-            }
-         }
-      },
       "node_modules/react-remove-scroll": {
          "version": "2.5.7",
          "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.7.tgz",
@@ -5400,21 +5334,6 @@
             "node": ">=8.10.0"
          }
       },
-      "node_modules/redux": {
-         "version": "5.0.1",
-         "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
-         "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
-         "license": "MIT"
-      },
-      "node_modules/redux-thunk": {
-         "version": "3.1.0",
-         "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-3.1.0.tgz",
-         "integrity": "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==",
-         "license": "MIT",
-         "peerDependencies": {
-            "redux": "^5.0.0"
-         }
-      },
       "node_modules/reflect.getprototypeof": {
          "version": "1.0.6",
          "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
@@ -5456,12 +5375,6 @@
             "url": "https://github.com/sponsors/ljharb"
          }
       },
-      "node_modules/reselect": {
-         "version": "5.1.1",
-         "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
-         "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==",
-         "license": "MIT"
-      },
       "node_modules/resolve": {
          "version": "1.22.8",
          "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -6383,15 +6296,6 @@
             }
          }
       },
-      "node_modules/use-sync-external-store": {
-         "version": "1.2.2",
-         "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz",
-         "integrity": "sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==",
-         "license": "MIT",
-         "peerDependencies": {
-            "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-         }
-      },
       "node_modules/util-deprecate": {
          "version": "1.0.2",
          "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
diff --git a/client/package.json b/client/package.json
index f3c41899..c13f57a8 100644
--- a/client/package.json
+++ b/client/package.json
@@ -22,7 +22,6 @@
       "@radix-ui/react-slot": "^1.1.0",
       "@radix-ui/react-toast": "^1.2.1",
       "@radix-ui/react-tooltip": "^1.1.2",
-      "@reduxjs/toolkit": "^2.2.7",
       "class-variance-authority": "^0.7.0",
       "clsx": "^2.1.1",
       "framer-motion": "^11.3.28",
@@ -36,8 +35,6 @@
       "react-dom": "^18",
       "react-hook-form": "^7.52.2",
       "react-phone-number-input": "^3.4.5",
-      "react-redux": "^9.1.2",
-      "redux": "^5.0.1",
       "tailwind-merge": "^2.5.2",
       "tailwindcss-animate": "^1.0.7",
       "zod": "^3.23.8"
diff --git a/client/types/auth.ts b/client/types/auth.ts
deleted file mode 100644
index e4d4e77b..00000000
--- a/client/types/auth.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export interface AuthState {
-   token: string | null;
-}
-
-export interface SignUpResponse{
-   message:string;
-}
\ No newline at end of file
diff --git a/client/types/index.ts b/client/types/index.ts
index 50bbf19a..5b3b241f 100644
--- a/client/types/index.ts
+++ b/client/types/index.ts
@@ -1,11 +1,5 @@
 import { ReactNode } from "react";
 
-export type SearchInputProps = {
-   placeHolder: string;
-   name?: string;
-   onChange?: () => void;
-}
-
 export type DoctorType = {
    _id: string;
    name: string;