update

Author: wiseaidev

src/App.jsx

@@ -225,7 +225,9 @@ const darkTheme = createTheme({
 });
 
 const App = () => {
-  const { loading, currentUser, error, selectedTheme } = useSelector((state) => state.auth);
+  const { loading, currentUser, error, selectedTheme } = useSelector(
+    (state) => state.auth
+  );
   const [currentAuthUser, setCurrentAuthUser] = useState(currentUser);
   const [currentLanguage, setCurrentLanguage] = useState(null);
   const [currentTheme, setCurrentTheme] = useState(selectedTheme);

src/components/AppHeader/index.jsx

@@ -15,10 +15,7 @@ import {
   setFilterType,
   toggleSidebarCollapsed,
 } from "@app/store/mailAppReducer/actions";
-import {
-  uploadPicture,
-  userLogout
-} from "@app/store/authReducer/actions";
+import { uploadPicture, userLogout } from "@app/store/authReducer/actions";
 import { useTheme } from "@mui/material/styles";
 
 import AppBar from "@mui/material/AppBar";
@@ -115,6 +112,7 @@ const AppHeader = ({ viewMode, handleViewModeChange }) => {
 
   const handleEditClose = () => {
     setEdit(false);
+    setAnchorElUser(null);
   };
   const handleUserMenuClick = (index) => {
     switch (index) {
@@ -125,7 +123,7 @@ const AppHeader = ({ viewMode, handleViewModeChange }) => {
         setEdit(true);
         break;
       case 2:
-        dispatch(userLogout())
+        dispatch(userLogout());
         break;
       default:
         break;
@@ -252,7 +250,10 @@ const AppHeader = ({ viewMode, handleViewModeChange }) => {
         <Box sx={{ flexGrow: 0 }}>
           <Tooltip title="Open settings">
             <IconButton onClick={handleOpenUserMenu} sx={{ ml: 7 }}>
-              <CustomAvatar alt="user name" src={currentAuthUser?.profile_picture} />
+              <CustomAvatar
+                alt="user name"
+                src={currentAuthUser?.profile_picture}
+              />
             </IconButton>
           </Tooltip>
           <Menu
@@ -349,7 +350,7 @@ const AppHeader = ({ viewMode, handleViewModeChange }) => {
           </Popover>
         </Box>
       </Box>
-      <EditInfo  open={edit} onCloseDialog={handleEditClose} />
+      <EditInfo open={edit} onCloseDialog={handleEditClose} />
     </Box>
   );
 };

src/components/EditInfo/index.jsx

@@ -41,7 +41,8 @@ const EditInfo = ({ open, onCloseDialog }) => {
 
   const onSubmit = (event) => {
     event.preventDefault();
-    const { firstName, lastName, bio, programmingLanguage } = personalInfoValues;
+    const { firstName, lastName, bio, programmingLanguage } =
+      personalInfoValues;
 
     if (!firstName) {
       setErrorValues({
@@ -67,7 +68,7 @@ const EditInfo = ({ open, onCloseDialog }) => {
       dispatch(
         SetPersonalInfo({ firstName, lastName, bio, programmingLanguage })
       );
-      onCloseDialog()
+      onCloseDialog();
     }
   };
 
@@ -253,7 +254,10 @@ const EditInfo = ({ open, onCloseDialog }) => {
                       ...personalInfoValues,
                       programmingLanguage: e.target.value,
                     });
-                    setErrorValues({ ...errorValues, programmingLanguageError: "" });
+                    setErrorValues({
+                      ...errorValues,
+                      programmingLanguageError: "",
+                    });
                   }}
                   require
                 >

src/components/Features/index.jsx

@@ -216,7 +216,11 @@ const Features = () => {
               }}
             >
               <Box>
-                <img src="/features.png" alt="Code Inbox Features" height="800px" />
+                <img
+                  src="/features.png"
+                  alt="Code Inbox Features"
+                  height="800px"
+                />
               </Box>
             </Grid>
             <Grid item xs={12} md={6} lg={4}>

src/components/Header/index.jsx

@@ -51,12 +51,12 @@ function Header(props) {
 
   const navigate = useNavigate();
   const theme = useTheme();
-  const dispatch = useDispatch()
-  
+  const dispatch = useDispatch();
+
   const toggleDarkTheme = () => {
     const newTheme = darkTheme ? "light" : "dark";
     setDarkTheme(newTheme === "dark");
-    dispatch(toggleTheme(newTheme))
+    dispatch(toggleTheme(newTheme));
   };
 
   const handleLogInClick = (event) => {

src/components/MailDetail/MailReply.jsx

@@ -76,9 +76,7 @@ const MailReply = ({
             }}
             component="p"
             dangerouslySetInnerHTML={{
-              __html: cleanEmailBody(
-                reply.message
-              ),
+              __html: cleanEmailBody(reply.message),
             }}
           />
         )}

src/components/MailDetail/ReplyMailForm.jsx

@@ -42,8 +42,8 @@ const ReplyMailForm = ({ threadId, onClickReplyMail }) => {
   const onClickSend = () => {
     if (message || attachments.length > 0) {
       const mail = {
-        "thread_id": threadId,
-        "body": message,
+        thread_id: threadId,
+        body: message,
       };
       onClickReplyMail(mail);
       setAttachments([]);

src/components/MailDetail/index.jsx

@@ -195,7 +195,10 @@ const MailDetail = ({ width, onClickForwardMail }) => {
             ))}
           </Box>
 
-          <ReplyMailForm threadId={selectedMail.thread_id} onClickReplyMail={onClickReplyMail} />
+          <ReplyMailForm
+            threadId={selectedMail.thread_id}
+            onClickReplyMail={onClickReplyMail}
+          />
         </Box>
       </PerfectScrollbar>
     </>

src/store/authReducer/actions/index.js

@@ -82,7 +82,7 @@ export const userLogout = createAsyncThunk(
       };
       const response = await axios.post(
         `${baseURL}/user/logout`,
-        {token: localStorage.getItem("token")},
+        { token: localStorage.getItem("token") },
         config
       );
       return response.data;
@@ -96,10 +96,12 @@ export const userLogout = createAsyncThunk(
   }
 );
 
-
 export const SetPersonalInfo = createAsyncThunk(
   "user/profile",
-  async ({ firstName, lastName, bio, programmingLanguage }, { rejectWithValue }) => {
+  async (
+    { firstName, lastName, bio, programmingLanguage },
+    { rejectWithValue }
+  ) => {
     try {
       const config = {
         headers: {
@@ -110,7 +112,11 @@ export const SetPersonalInfo = createAsyncThunk(
       };
       const response = await axios.put(
         `${baseURL}/user/profile`,
-        { full_name: `${firstName} ${lastName}`, bio: bio, programming_language: programmingLanguage },
+        {
+          full_name: `${firstName} ${lastName}`,
+          bio: bio,
+          programming_language: programmingLanguage,
+        },
         config
       );
       return response.data;

src/store/authReducer/index.js

@@ -78,9 +78,9 @@ const authReducer = createSlice({
       state.loading = false;
       state.success = true;
       // TODO: fix this
-      state.currentUser = JSON.parse(localStorage.getItem("user"))
+      state.currentUser = JSON.parse(localStorage.getItem("user"));
       state.currentUser.profile_picture = action.payload.image;
-      localStorage.setItem("user", JSON.stringify(state.currentUser))
+      localStorage.setItem("user", JSON.stringify(state.currentUser));
       // state.message = action.payload.message;
     });
     builder.addCase(uploadPicture.rejected, (state, action) => {