From fc59845867c15659c2e01049e035a12a3eb2d4fa Mon Sep 17 00:00:00 2001
From: yzhe819 <yzhe819@aucklanduni.ac.nz>
Date: Mon, 20 Sep 2021 03:43:20 +1200
Subject: [PATCH 1/6] add: setup pending

---
 src/views/Setup/RNSPending.vue | 2 +-
 src/views/Setup/Setup.vue      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/Setup/RNSPending.vue b/src/views/Setup/RNSPending.vue
index a5d93bd..b78d69c 100644
--- a/src/views/Setup/RNSPending.vue
+++ b/src/views/Setup/RNSPending.vue
@@ -3,7 +3,7 @@
         <div class="max-w-md px-4 py-9 flex flex-col justify-center items-center h-full gap-20">
             <Loading :size="200" class="mb-50" />
             <div class="w-full text-left font-medium text-primary">
-                <p class="text-2xl">Preparing your RNS ...</p>
+                <p class="text-2xl">Preparing your data ...</p>
                 <p class="text-base">Hold on a little bit or come back later!</p>
             </div>
         </div>
diff --git a/src/views/Setup/Setup.vue b/src/views/Setup/Setup.vue
index d79f307..c8612de 100644
--- a/src/views/Setup/Setup.vue
+++ b/src/views/Setup/Setup.vue
@@ -451,7 +451,7 @@ export default class Setup extends Vue {
         this.isLoading = false;
         const redirectFrom = sessionStorage.getItem('redirectFrom');
         sessionStorage.removeItem('redirectFrom');
-        await this.$router.push(redirectFrom || '/home');
+        await this.$router.push(redirectFrom || '/pending');
     }
 }
 </script>

From d497022b3f6db618788307e1c47b94b6be963537 Mon Sep 17 00:00:00 2001
From: azuic <zuic10a@gmail.com>
Date: Mon, 20 Sep 2021 00:40:23 +0800
Subject: [PATCH 2/6] fix: pending styles

---
 src/views/Setup/RNSPending.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/Setup/RNSPending.vue b/src/views/Setup/RNSPending.vue
index b78d69c..ddaeed2 100644
--- a/src/views/Setup/RNSPending.vue
+++ b/src/views/Setup/RNSPending.vue
@@ -2,8 +2,8 @@
     <div class="h-screen bg-pending-bg flex justify-center items-center">
         <div class="max-w-md px-4 py-9 flex flex-col justify-center items-center h-full gap-20">
             <Loading :size="200" class="mb-50" />
-            <div class="w-full text-left font-medium text-primary">
-                <p class="text-2xl">Preparing your data ...</p>
+            <div class="w-full text-left font-medium text-primary-text">
+                <p class="text-2xl">Preparing your Pass ...</p>
                 <p class="text-base">Hold on a little bit or come back later!</p>
             </div>
         </div>

From eeecb48a8413d6a0e3fb5df3ca00974b992ee5ab Mon Sep 17 00:00:00 2001
From: azuic <zuic10a@gmail.com>
Date: Mon, 20 Sep 2021 01:25:18 +0800
Subject: [PATCH 3/6] feat: loading tips rephrased

---
 src/views/Setup/Setup.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/views/Setup/Setup.vue b/src/views/Setup/Setup.vue
index c8612de..ab68421 100644
--- a/src/views/Setup/Setup.vue
+++ b/src/views/Setup/Setup.vue
@@ -44,7 +44,13 @@
                 class="mb-4 w-full"
                 :is-having-content="nfts.length !== 0"
                 :is-single-line="nfts.length !== 0"
-                :tips="isLoadingAssets ? 'Loading...' : nfts.length === 0 ? 'Haven\'t found anything yet...' : ''"
+                :tips="
+                    isLoadingAssets
+                        ? 'Loading... Hold on a little bit or manage them later 🙌'
+                        : nfts.length === 0
+                        ? 'Haven\'t found anything yet...'
+                        : ''
+                "
             >
                 <template #title-icon><NFTIcon /></template>
                 <template #header-button>
@@ -75,7 +81,13 @@
                 class="mb-4 w-full"
                 :is-having-content="gitcoins.length !== 0"
                 :is-single-line="gitcoins.length !== 0"
-                :tips="isLoadingAssets ? 'Loading...' : gitcoins.length === 0 ? 'Haven\'t found anything yet...' : ''"
+                :tips="
+                    isLoadingAssets
+                        ? 'Loading... Hold on a little bit or manage them later 🙌'
+                        : gitcoins.length === 0
+                        ? 'Haven\'t found anything yet...'
+                        : ''
+                "
             >
                 <template #title-icon
                     ><GitcoinIcon :iconColor="currentTheme === 'loot' ? 'white' : 'black'"

From a713bbcb3e25419623cdde3462dc148cc96162a6 Mon Sep 17 00:00:00 2001
From: Nya Candy <dev@candinya.com>
Date: Mon, 20 Sep 2021 01:31:46 +0800
Subject: [PATCH 4/6] add: setup later notice

---
 src/common/rss3.ts        |  1 +
 src/views/Setup/Setup.vue | 44 +++++++++++++++++++++++++++++++--------
 2 files changed, 36 insertions(+), 9 deletions(-)

diff --git a/src/common/rss3.ts b/src/common/rss3.ts
index 0321c6d..e08b6fa 100644
--- a/src/common/rss3.ts
+++ b/src/common/rss3.ts
@@ -16,6 +16,7 @@ export type IRSS3 = RSS3;
 
 export interface IAssetProfile {
     assets: GeneralAsset[];
+    status: boolean | undefined;
 }
 
 export interface Theme {
diff --git a/src/views/Setup/Setup.vue b/src/views/Setup/Setup.vue
index d79f307..4b59a44 100644
--- a/src/views/Setup/Setup.vue
+++ b/src/views/Setup/Setup.vue
@@ -44,7 +44,13 @@
                 class="mb-4 w-full"
                 :is-having-content="nfts.length !== 0"
                 :is-single-line="nfts.length !== 0"
-                :tips="isLoadingAssets ? 'Loading...' : nfts.length === 0 ? 'Haven\'t found anything yet...' : ''"
+                :tips="
+                    isLoadingAssets
+                        ? 'Loading...You can also set up later'
+                        : nfts.length === 0
+                        ? 'Haven\'t found anything yet...'
+                        : ''
+                "
             >
                 <template #title-icon><NFTIcon /></template>
                 <template #header-button>
@@ -75,7 +81,13 @@
                 class="mb-4 w-full"
                 :is-having-content="gitcoins.length !== 0"
                 :is-single-line="gitcoins.length !== 0"
-                :tips="isLoadingAssets ? 'Loading...' : gitcoins.length === 0 ? 'Haven\'t found anything yet...' : ''"
+                :tips="
+                    isLoadingAssets
+                        ? 'Loading...You can also set up later'
+                        : gitcoins.length === 0
+                        ? 'Haven\'t found anything yet...'
+                        : ''
+                "
             >
                 <template #title-icon
                     ><GitcoinIcon :iconColor="currentTheme === 'loot' ? 'white' : 'black'"
@@ -294,11 +306,15 @@ export default class Setup extends Vue {
 
         await this.loadAccounts(await (<IRSS3>this.rss3).accounts.get());
 
-        const data = await RSS3.getAssetProfile((<IRSS3>this.rss3).account.address);
-        if (data) {
-            await this.loadAssets(await (<IRSS3>this.rss3).assets.get(), <GeneralAsset[]>data.assets);
-            this.isLoadingAssets = false;
-        }
+        const iv = setInterval(async () => {
+            const data = await RSS3.getAssetProfile((<IRSS3>this.rss3).account.address, true);
+            if (data && data.status !== false) {
+                await this.loadAssets(await (<IRSS3>this.rss3).assets.get(), <GeneralAsset[]>data.assets);
+                this.isLoadingAssets = false;
+                clearInterval(iv);
+            }
+        }, 300);
+
         this.isLoading = false;
     }
 
@@ -403,10 +419,20 @@ export default class Setup extends Vue {
     }
     toManageNFTs() {
         // this.saveEdited();
-        this.$router.push('/setup/nfts');
+        if (this.isLoadingAssets) {
+            this.notice = 'NFTs still loading... Maybe check back later?';
+            this.isShowingNotice = true;
+        } else {
+            this.$router.push('/setup/nfts');
+        }
     }
     toManageGitcoins() {
-        this.$router.push('/setup/gitcoins');
+        if (this.isLoadingAssets) {
+            this.notice = 'Gitcoins still loading... Maybe check back later?';
+            this.isShowingNotice = true;
+        } else {
+            this.$router.push('/setup/gitcoins');
+        }
     }
     async back() {
         // this.clearEdited();

From 36a1df3e1cb0ab4e9455f7c0c86acc7e98919de8 Mon Sep 17 00:00:00 2001
From: Nya Candy <dev@candinya.com>
Date: Mon, 20 Sep 2021 01:59:06 +0800
Subject: [PATCH 5/6] add: in homepage too

---
 src/views/Home.vue | 59 +++++++++++++++++++++++++++++++++++++---------
 1 file changed, 48 insertions(+), 11 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 8f1aed9..d2b69e9 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -309,6 +309,28 @@
                     </Button>
                 </div>
             </div>
+
+            <Modal v-if="isShowingNotice">
+                <template #header>
+                    <h1>Oops!</h1>
+                </template>
+                <template #body>
+                    <p class="mt-1 p-4">
+                        {{ notice }}
+                    </p>
+                </template>
+                <template #footer>
+                    <div class="flex flex-row gap-5">
+                        <Button
+                            size="sm"
+                            class="w-72 bg-primary-btn text-primary-btn-text shadow-primary-btn"
+                            @click="isShowingNotice = false"
+                        >
+                            OK
+                        </Button>
+                    </div>
+                </template>
+            </Modal>
         </div>
         <div
             v-else
@@ -419,6 +441,8 @@ export default class Home extends Vue {
     scrollGitcoinsLeft: number = 0;
     lastRoute: string = '';
     defaultAvatar = config.defaultAvatar;
+    notice: string = '';
+    isShowingNotice: boolean = false;
 
     async mounted() {
         this.mountScrollEvent();
@@ -529,15 +553,17 @@ export default class Home extends Vue {
 
             await this.loadAccounts(await (<IRSS3>this.rss3).accounts.get(this.ethAddress));
 
-            const data = await RSS3.getAssetProfile(this.ethAddress);
-
-            if (data) {
-                await this.loadAssets(
-                    await (<IRSS3>this.rss3).assets.get(this.ethAddress),
-                    <GeneralAsset[]>data.assets,
-                );
-                this.isLoadingAssets = false;
-            }
+            const iv = setInterval(async () => {
+                const data = await RSS3.getAssetProfile((<IRSS3>this.rss3).account.address, true);
+                if (data && data.status !== false) {
+                    await this.loadAssets(
+                        await (<IRSS3>this.rss3).assets.get(this.ethAddress),
+                        <GeneralAsset[]>data.assets,
+                    );
+                    this.isLoadingAssets = false;
+                    clearInterval(iv);
+                }
+            }, 300);
         }, 0);
 
         setTimeout(async () => {
@@ -686,10 +712,21 @@ export default class Home extends Vue {
         this.$router.push('/setup/accounts');
     }
     toManageNFTs() {
-        this.$router.push('/setup/nfts');
+        // this.saveEdited();
+        if (this.isLoadingAssets) {
+            this.notice = 'NFTs still loading... Maybe check back later?';
+            this.isShowingNotice = true;
+        } else {
+            this.$router.push('/setup/nfts');
+        }
     }
     toManageGitcoins() {
-        this.$router.push('/setup/gitcoins');
+        if (this.isLoadingAssets) {
+            this.notice = 'Gitcoins still loading... Maybe check back later?';
+            this.isShowingNotice = true;
+        } else {
+            this.$router.push('/setup/gitcoins');
+        }
     }
 
     public toAccountsPage() {

From fc67269dfbeb7122f839b6638461eadb5cf47313 Mon Sep 17 00:00:00 2001
From: Nya Candy <dev@candinya.com>
Date: Mon, 20 Sep 2021 01:59:40 +0800
Subject: [PATCH 6/6] chore: change a presenting pattern

---
 src/common/rss3.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/common/rss3.ts b/src/common/rss3.ts
index e08b6fa..27153d5 100644
--- a/src/common/rss3.ts
+++ b/src/common/rss3.ts
@@ -16,7 +16,7 @@ export type IRSS3 = RSS3;
 
 export interface IAssetProfile {
     assets: GeneralAsset[];
-    status: boolean | undefined;
+    status?: boolean;
 }
 
 export interface Theme {