diff --git a/src/App.tsx b/src/App.tsx
index de0f0ba..264db68 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -4,7 +4,7 @@ import { Route, Routes, useLocation } from 'react-router-dom';
 import { AdminDashboard } from './components/AdminDashboard/AdminDashboard';
 import { AdminSettingsMaster } from './components/AdminSettings/AdminSettingsMaster';
 import ForgotPassword from './components/Authentication/ForgotPassword';
-import Login from './components/Authentication/Login';
+import { Login } from './components/Authentication/Login';
 import { BusinessDashboard } from './components/BusinessDashboard/BusinessDashboard';
 import { BusinessDonationHistory } from './components/BusinessDonationHistory/BusinessDonationHistory';
 import { ViewBusinessDonationHistory } from './components/BusinessDonationHistory/ViewBusinessDonationHistory/ViewBusinessDonationHistory';
@@ -55,7 +55,7 @@ const App = () => {
               <Route path="/Onboarding" element={<BusinessFormMaster />} />
               <Route path="/SignupAdmin" element={<BusinessSetupPage isAdmin={true} />} />
               <Route path="/SignupBusiness" element={<BusinessSetupPage isAdmin={false} />} />
-              <Route path="/Login" element={<Login isAdmin={true} />} />
+              <Route path="/Login" element={<Login />} />
               <Route path="/ForgotPassword" element={<ForgotPassword />} />
               <Route
                 path="/ContactUs"
diff --git a/src/components/Authentication/Login.jsx b/src/components/Authentication/Login.tsx
similarity index 80%
rename from src/components/Authentication/Login.jsx
rename to src/components/Authentication/Login.tsx
index d34d2f7..b2b0be7 100644
--- a/src/components/Authentication/Login.jsx
+++ b/src/components/Authentication/Login.tsx
@@ -1,7 +1,8 @@
-import { useState } from 'react';
+import { MouseEvent, useState } from 'react';
 import {
   Box,
   Button,
+  Link as ChakraLink,
   Flex,
   FormControl,
   FormLabel,
@@ -9,35 +10,36 @@ import {
   HStack,
   Image,
   Input,
-  Link,
   useToast,
   VStack,
 } from '@chakra-ui/react';
-import PropTypes from 'prop-types';
-import { useNavigate } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
 
 import { useAuth } from '../../contexts/AuthContext';
+import { useBackend } from '../../contexts/BackendContext';
 import LOGO from './fph_logo.png';
 
-const Login = ({ isAdmin }) => {
+export const Login = () => {
   // React states for input fields
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
   const { login } = useAuth();
-  // TODO: Setup Error Alert
-  // eslint-disable-next-line no-unused-vars
-  const [error, setError] = useState('');
+  const { backend } = useBackend();
+
   const [loading, setLoading] = useState(false);
 
   const navigate = useNavigate();
   const toast = useToast();
-  const handleSubmit = async (e) => {
+  const handleSubmit = async (e: MouseEvent<HTMLButtonElement>) => {
     e.preventDefault();
     try {
-      setError('');
       setLoading(true);
-      await login({ email, password });
-      if (isAdmin) {
+      const userCredential = await login({ email, password });
+
+      const response = await backend.get(`/adminUser/${userCredential.user.email}`);
+      const user = response.data.at(0);
+
+      if (user.name) {
         navigate('/AdminDashboard');
       } else {
         navigate('/BusinessDashboard');
@@ -81,14 +83,15 @@ const Login = ({ isAdmin }) => {
             <Input type="password" value={password} onChange={(e) => setPassword(e.target.value)} />
           </FormControl>
           <Flex flex={'row'} justifyContent={'flex-end'} w="100%">
-            <Link
+            <ChakraLink
               to={'/ForgotPassword'}
+              as={Link}
               color="black.500"
               textDecoration={'underline'}
               fontWeight="semibold"
             >
               Forgot Password?
-            </Link>
+            </ChakraLink>
           </Flex>
           <Button colorScheme="teal" w="full" disabled={loading} onClick={(e) => handleSubmit(e)}>
             Login
@@ -98,9 +101,3 @@ const Login = ({ isAdmin }) => {
     </HStack>
   );
 };
-
-Login.propTypes = {
-  isAdmin: PropTypes.bool.isRequired,
-};
-
-export default Login;
diff --git a/src/contexts/BackendContext.jsx b/src/contexts/BackendContext.jsx
deleted file mode 100644
index f44c8b1..0000000
--- a/src/contexts/BackendContext.jsx
+++ /dev/null
@@ -1,54 +0,0 @@
-/* eslint-disable react/prop-types */
-import { createContext, useContext } from 'react';
-import axios from 'axios';
-
-// import { useNavigate } from 'react-router-dom';
-// import { useAuth } from './AuthContext';
-
-const baseURL = import.meta.env.VITE_BACKEND_HOSTNAME;
-
-const BackendContext = createContext();
-const useBackend = () => useContext(BackendContext);
-
-const BackendProvider = ({ children }) => {
-  //   const { currentUser } = useAuth();
-  //   const navigate = useNavigate();
-
-  const backend = axios.create({
-    baseURL,
-    withCredentials: false,
-  });
-
-  // all requests will be sent with the token now!
-  // then in the backend we can verify the token and get the user data
-  // or if the token is invalid we can send a 401 response
-  // no need to do anything on the backend
-
-  //   backend.interceptors.request.use(
-  //     async config => {
-  //       if (currentUser) {
-  //         // get token from firebase if there's a current user
-  //         const token = await currentUser?.getIdToken();
-  //         // eslint-disable-next-line
-  //         config.headers.authorization = `Bearer ${token}`;
-  //       }
-  //       return config;
-  //     },
-  //     error => Promise.reject(error),
-  //   );
-
-  //   backend.interceptors.response.use(
-  //     response => response,
-  //     error => {
-  //       // import 404 redirection from utils.jsx here
-  //       if (error?.response?.status === 404) {
-  //         navigate('*');
-  //       }
-  //       return Promise.reject(error.response);
-  //     },
-  //   );
-
-  return <BackendContext.Provider value={{ backend }}>{children}</BackendContext.Provider>;
-};
-
-export { BackendProvider, useBackend };
diff --git a/src/contexts/BackendContext.tsx b/src/contexts/BackendContext.tsx
new file mode 100644
index 0000000..ae1943c
--- /dev/null
+++ b/src/contexts/BackendContext.tsx
@@ -0,0 +1,19 @@
+import { createContext, useContext } from 'react';
+import axios from 'axios';
+
+// @ts-expect-error trust me bro
+const baseURL = import.meta.env.VITE_BACKEND_HOSTNAME;
+
+const BackendContext = createContext(null);
+const useBackend = () => useContext(BackendContext);
+
+const BackendProvider = ({ children }: { children: React.ReactNode }) => {
+  const backend = axios.create({
+    baseURL,
+    withCredentials: false,
+  });
+
+  return <BackendContext.Provider value={{ backend }}>{children}</BackendContext.Provider>;
+};
+
+export { BackendProvider, useBackend };