Merge pull request #919 from IFRCGo/fix/reload-page-on-new-token

Refetch token list after new token is created

Author: samshara

.changeset/twelve-pens-reply.md

@@ -0,0 +1,6 @@
+---
+"go-web-app": patch
+---
+
+- Refetch token list after new token is created
+- Update link for terms and conditions for Montandon

app/src/views/AccountDetails/GenerateMontandonTokenModal/index.tsx

@@ -30,10 +30,11 @@ const MIN_TITLE_LENGTH = 3;
 
 interface Props {
     onClose: () => void;
+    onCreate: () => void;
 }
 
 function GenerateMontandonTokenModal(props: Props) {
-    const { onClose } = props;
+    const { onClose, onCreate } = props;
     const [accepted, { setTrue: setAcceptedTrue }] = useBooleanState(false);
     const strings = useTranslation(i18n);
 
@@ -51,6 +52,7 @@ function GenerateMontandonTokenModal(props: Props) {
             title: context,
             expire_timestamp: undefined,
         }),
+        onSuccess: onCreate,
     });
 
     const handleAcceptAndGenerateClick = useCallback(
@@ -74,8 +76,7 @@ function GenerateMontandonTokenModal(props: Props) {
                     termsLink: (
                         <Link
                             external
-                            // TODO: use actual link
-                            href="https://github.com/IFRCGo"
+                            href="https://docs.google.com/spreadsheets/d/1kQZQmWk8W4tyE3fhi54Oc2Q-TiLJVUj0/"
                             withLinkIcon
                             withUnderline
                         >

app/src/views/AccountDetails/index.tsx

@@ -71,6 +71,7 @@ export function Component() {
     const {
         pending: montandonTokenPending,
         response: montandonTokenResponse,
+        retrigger: refetchMontandonTokenList,
     } = useRequest({
         url: '/api/v2/external-token/',
         query: {
@@ -233,6 +234,7 @@ export function Component() {
             {showGenerateMontandonTokenModal && (
                 <GenerateMontandonTokenModal
                     onClose={setShowGenerateMontandonTokenModalFalse}
+                    onCreate={refetchMontandonTokenList}
                 />
             )}
         </div>