mutate user data

ita-social-projects · Oct 9, 2024 · 395ce75 · 395ce75
1 parent 1c982df
commit 395ce75
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 14 deletions.
diff --git a/FrontEnd/src/pages/AdminPage/AdminProfile/AdminInfo.jsx b/FrontEnd/src/pages/AdminPage/AdminProfile/AdminInfo.jsx
@@ -6,7 +6,7 @@ import AdminSubmitButton from '../../../components/MiniComponents/AdminSubmitBut
 
 import classes from './AdminInfo.module.css';
 
-const AdminInfo = ({ user }) => {
+const AdminInfo = ({ user, mutate }) => {
     const {
         register,
         handleSubmit,
@@ -24,6 +24,7 @@ const AdminInfo = ({ user }) => {
       axios.patch(`${process.env.REACT_APP_BASE_API_URL}/api/auth/users/me/`, data)
         .then(() => {
           toast.success('Зміни успішно збережено');
+          mutate();
         })
         .catch((error) => {
           console.error(

diff --git a/FrontEnd/src/pages/AdminPage/AdminProfile/AdminProfilePage.jsx b/FrontEnd/src/pages/AdminPage/AdminProfile/AdminProfilePage.jsx
@@ -1,23 +1,27 @@
 import { NavLink, Route, Routes } from 'react-router-dom';
 
+import { useAuth } from '../../../hooks';
+
 import BreadCrumbs from '../../../components/BreadCrumbs/BreadCrumbs';
 import ChangeAdminPassword from './ChangeAdminPassword';
 import AdminInfo from './AdminInfo';
 
 import classes from './AdminProfilePage.module.css';
 
-const AdminProfilePage = ({ user }) => {
+const ADMIN_PAGE_TABS = [
+    {
+        title: 'Загальна інформація',
+        link: '/admin-info',
+    },
+    {
+        title: 'Змінити пароль',
+        link: '/change-password',
+    },
+];
+
+const AdminProfilePage = () => {
 
-    const ADMIN_PAGE_TABS = [
-        {
-            title: 'Загальна інформація',
-            link: '/admin-info',
-        },
-        {
-            title: 'Змінити пароль',
-            link: '/change-password',
-        },
-    ];
+    const { user, mutate } = useAuth();
 
     return (
         <div className={classes['admin-profile__container']}>
@@ -37,7 +41,7 @@ const AdminProfilePage = ({ user }) => {
                 <Routes>
                     <Route
                         path="admin-info"
-                        element={<AdminInfo user={user}/>} />
+                        element={<AdminInfo user={user} mutate={mutate} />} />
                     <Route
                         path="change-password"
                         element={<ChangeAdminPassword user={user}/>} />

diff --git a/FrontEnd/src/routes/AdminRouter.jsx b/FrontEnd/src/routes/AdminRouter.jsx
@@ -34,7 +34,7 @@ function AdminRouter() {
             <Route path="/automoderation" element={<AutoApproveDelay />} />
             <Route path="/email" element={<ModerationEmail />} />
             <Route path="/contacts" element={<Contacts />} />
-            <Route path="/admin-profile/*" element={<AdminProfilePage user={user}/>} />
+            <Route path="/admin-profile/*" element={<AdminProfilePage />} />
         </>
     ) : (
         <Route path="/customadmin/" />