fix: admin name disappear when close browser or windows (#61)

src/components/SideBar/Profile.tsx

@@ -1,16 +1,15 @@
 import useAuthRequest from "@/components/Login/helpers/useAuthRequest";
 import { Text, Flex, IconButton, Tooltip } from "@chakra-ui/react";
 import { TbLogout } from "react-icons/tb";
-import { useSelector } from "react-redux";
-import type { RootState } from "../../store";
 
 interface Props {
   sidebarExpand: boolean;
 }
 
 const Profile = ({ sidebarExpand }: Props) => {
   const { logoutRequest } = useAuthRequest();
-  const adminLoginResponseData = useSelector((state: RootState) => state.currentAdmin);
+  const adminLoginResponseData = JSON.parse(localStorage.getItem("adminInfo") || "{}");
+
   return (
     <Flex
       paddingTop="20px"
@@ -20,7 +19,7 @@ const Profile = ({ sidebarExpand }: Props) => {
     >
       {sidebarExpand && (
         <Text fontWeight="500" color="#FFFFFF">
-          {adminLoginResponseData.currentAdmin?.name}
+          {adminLoginResponseData?.name}
         </Text>
       )}
 

src/pages/admin/index.tsx

@@ -30,8 +30,6 @@ import { IAdmin } from "@/interfaces/adminData";
 import DropDownFilter from "@/components/Admin/DropDownFilter";
 import { ADMIN_TABLE_HEADER } from "../../constants/tableHeaders";
 import TableHeader from "../../components/TableHeader";
-import { useSelector } from "react-redux";
-import type { RootState } from "../../store";
 
 interface FilterType {
   isActive: boolean;
@@ -47,9 +45,9 @@ const AdminAccounts = () => {
   const { isOpen: isModalOpen, onOpen: onModalOpen, onClose: onModalClose } = useDisclosure();
   const [filterValue, setFilterValue] = useState<FilterType>();
 
-  const adminLoginResponseData = useSelector((state: RootState) => state.currentAdmin);
-  const superAdmin = adminLoginResponseData.currentAdmin?.permission === "super";
-  const currentAdminId = adminLoginResponseData.currentAdmin?.id;
+  const adminLoginResponseData = JSON.parse(localStorage.getItem("adminInfo") || "{}");
+  const superAdmin = adminLoginResponseData?.permission === "super";
+  const currentAdminId = adminLoginResponseData?.id;
 
   const confirmDeleteAdmin = (id: string) => {
     deleteAdmin(id);
@@ -197,7 +195,7 @@ const AdminAccounts = () => {
           isOpen={isModalOpen}
           onClose={onModalClose}
           onConfirm={() => confirmDeleteAdmin(adminIdToDelete)}
-          shownText={"Are you sure you want to restore this admin?"}
+          shownText={"Are you sure you want to delete this admin?"}
         />
       )}
       {currentModal === "Restore" && (

src/store/reducer/currentAdminSlice.ts

@@ -21,11 +21,11 @@ export const currentAdminSlice = createSlice({
   reducers: {
     setCurrentAdmin: (state, action: PayloadAction<currentAdmin>) => {
       state.currentAdmin = action.payload;
-      console.log("setCurrentAdmin", state.currentAdmin);
+      localStorage.setItem("adminInfo", JSON.stringify(state.currentAdmin));
     },
     clearCurrentAdmin: (state) => {
       state.currentAdmin = null;
-      console.log("clearCurrentAdmin", state.currentAdmin);
+      localStorage.removeItem("adminInfo");
     },
   },
 });