fix props names

packages/app/src/components/Me/AssociateModal.jsx

@@ -48,7 +48,7 @@ class AssociateModal extends React.Component {
   }
 
   async onClickAddBtn() {
-    const { t, personalContainer, mutatePersonalExternalAccounts } = this.props;
+    const { t, personalContainer, onAssociated } = this.props;
     const { username, password } = this.state;
 
     try {
@@ -59,8 +59,8 @@ class AssociateModal extends React.Component {
     catch (err) {
       toastError(err);
     }
-    if (mutatePersonalExternalAccounts != null) {
-      mutatePersonalExternalAccounts();
+    if (onAssociated != null) {
+      onAssociated();
     }
   }
 
@@ -134,13 +134,13 @@ AssociateModal.propTypes = {
 
   isOpen: PropTypes.bool.isRequired,
   onClose: PropTypes.func.isRequired,
-  mutatePersonalExternalAccounts: PropTypes.func,
+  onAssociated: PropTypes.func,
 };
 
 const AssociateModalWrapperFC = (props) => {
   const { t } = useTranslation();
   const { mutate: mutatePersonalExternalAccounts } = useSWRxPersonalExternalAccounts();
-  return <AssociateModal t={t} mutatePersonalExternalAccounts={mutatePersonalExternalAccounts} {...props} />;
+  return <AssociateModal t={t} onAssociated={mutatePersonalExternalAccounts} {...props} />;
 };
 
 /**

packages/app/src/components/Me/DisassociateModal.jsx

@@ -26,7 +26,7 @@ class DisassociateModal extends React.Component {
   }
 
   async onClickDisassociateBtn() {
-    const { t, personalContainer, mutatePersonalExternalAccounts } = this.props;
+    const { t, personalContainer, onDisassociated } = this.props;
     const { providerType, accountId } = this.props.accountForDisassociate;
 
     try {
@@ -38,8 +38,8 @@ class DisassociateModal extends React.Component {
       toastError(err);
     }
 
-    if (mutatePersonalExternalAccounts != null) {
-      mutatePersonalExternalAccounts();
+    if (onDisassociated != null) {
+      onDisassociated();
     }
   }
 
@@ -79,14 +79,14 @@ DisassociateModal.propTypes = {
   isOpen: PropTypes.bool.isRequired,
   onClose: PropTypes.func.isRequired,
   accountForDisassociate: PropTypes.object.isRequired,
-  mutatePersonalExternalAccounts: PropTypes.func,
+  onDisassociated: PropTypes.func,
 
 };
 
 const DisassociateModalWrapperFC = (props) => {
   const { t } = useTranslation();
   const { mutate: mutatePersonalExternalAccounts } = useSWRxPersonalExternalAccounts();
-  return <DisassociateModal t={t} mutatePersonalExternalAccounts={mutatePersonalExternalAccounts} {...props} />;
+  return <DisassociateModal t={t} onDisassociated={mutatePersonalExternalAccounts} {...props} />;
 };
 
 /**