rename variable and method

packages/app/src/components/Me/BasicInfoSettings.tsx

@@ -18,10 +18,11 @@ const BasicInfoSettings = (props: Props) => {
   const { appContainer } = props;
 
   const {
+    data: personalSettingsDataFromDB,
     mutate: mutateDatabaseData,
   } = useSWRxPersonalSettings();
   const {
-    data: personalSettingsInfo, mutate, sync, update, error, personalSettingsDataFromDB,
+    data: personalSettingsInfo, mutate, sync, updateBasicInfo, error,
   } = usePersonalSettings();
 
   useEffect(() => {
@@ -32,8 +33,10 @@ const BasicInfoSettings = (props: Props) => {
   const submitHandler = async() => {
 
     try {
-      update();
+      updateBasicInfo();
+      // revaridate
       mutateDatabaseData();
+      sync();
       toastSuccess(t('toaster.update_successed', { target: t('Basic Info') }));
     }
     catch (err) {

packages/app/src/stores/personal-settings.tsx

@@ -1,7 +1,5 @@
 import useSWR, { SWRResponse } from 'swr';
 
-
-import { Nullable } from '~/interfaces/common';
 import { IExternalAccount } from '~/interfaces/external-account';
 import { IUser } from '~/interfaces/user';
 
@@ -18,9 +16,8 @@ export const useSWRxPersonalSettings = (): SWRResponse<IUser, Error> => {
 };
 
 export type IPersonalSettingsInfoOption = {
-  personalSettingsDataFromDB: Nullable<IUser>,
   sync: () => void,
-  update: () => void,
+  updateBasicInfo: () => void,
 }
 
 export const usePersonalSettings = (): SWRResponse<IUser, Error> & IPersonalSettingsInfoOption => {
@@ -30,14 +27,13 @@ export const usePersonalSettings = (): SWRResponse<IUser, Error> & IPersonalSett
 
   return {
     ...swrResult,
-    personalSettingsDataFromDB,
 
     // Sync with database
     sync: (): void => {
       const { mutate } = swrResult;
       mutate(personalSettingsDataFromDB);
     },
-    update: () => {
+    updateBasicInfo: () => {
       const { data } = swrResult;
 
       if (data == null) {