replaced wimdow.location.reload with appropriate refecth in update app

ohcnetwork · Dec 21, 2023 · 24ea76b · 24ea76b
1 parent 153f971
commit 24ea76b
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 9 deletions.
diff --git a/src/Components/Common/UpdatableApp.tsx b/src/Components/Common/UpdatableApp.tsx
@@ -11,6 +11,7 @@ const APP_UPDATED_KEY = "app-updated";
 interface UpdatableAppProps {
   children: ReactNode;
   silentlyAutoUpdate?: boolean;
+  onUpdateLocalStorage?: (() => void) | undefined;
 }
 
 export const checkForUpdate = async () => {
@@ -46,7 +47,11 @@ export const checkForUpdate = async () => {
   }
 };
 
-const UpdatableApp = ({ children, silentlyAutoUpdate }: UpdatableAppProps) => {
+const UpdatableApp = ({
+  children,
+  silentlyAutoUpdate,
+  onUpdateLocalStorage,
+}: UpdatableAppProps) => {
   const [newVersion, setNewVersion] = useState<string>();
   const [appUpdated, setAppUpdated] = useState(false);
 
@@ -77,7 +82,7 @@ const UpdatableApp = ({ children, silentlyAutoUpdate }: UpdatableAppProps) => {
     // A second of delay to appreciate the update animation.
     const updateLocalStorageAndReload = () => {
       localStorage.setItem(APP_UPDATED_KEY, "true");
-      window.location.reload();
+      onUpdateLocalStorage && onUpdateLocalStorage();
       localStorage.setItem(APP_VERSION_KEY, newVersion);
     };
 

diff --git a/src/Components/Users/UserProfile.tsx b/src/Components/Users/UserProfile.tsx
@@ -164,12 +164,18 @@ export default function UserProfile() {
     },
   });
 
-  const { data: skillsView, loading: isSkillsLoading } = useQuery(
-    routes.userListSkill,
-    {
-      pathParams: { username: authUser.username },
-    }
-  );
+  const {
+    data: skillsView,
+    refetch: skillsFetch,
+    loading: isSkillsLoading,
+  } = useQuery(routes.userListSkill, {
+    pathParams: { username: authUser.username },
+  });
+
+  const onUpdateLocalStorage = () => {
+    skillsFetch();
+    refetchUserData();
+  };
 
   const validateForm = () => {
     const errors = { ...initError };
@@ -776,7 +782,10 @@ export default function UserProfile() {
             </div>
           </div>
           {updateStatus.isUpdateAvailable && (
-            <UpdatableApp silentlyAutoUpdate={false}>
+            <UpdatableApp
+              silentlyAutoUpdate={false}
+              onUpdateLocalStorage={onUpdateLocalStorage}
+            >
               <ButtonV2 disabled={true}>
                 <div className="flex items-center gap-4">
                   <CareIcon className="care-l-exclamation text-2xl" />