From 0abd40a52a7996a416771176a272c240e245548e Mon Sep 17 00:00:00 2001
From: ChaituVR <yourchaitu@gmail.com>
Date: Sat, 4 Jan 2025 00:11:43 +0530
Subject: [PATCH 1/4] fix: refresh scores once proposal is closed

---
 apps/ui/src/components/ProposalResults.vue    | 20 +++++++++++++++++++
 .../src/networks/common/graphqlApi/index.ts   |  3 +++
 2 files changed, 23 insertions(+)

diff --git a/apps/ui/src/components/ProposalResults.vue b/apps/ui/src/components/ProposalResults.vue
index 78617a6e8..c6109e404 100644
--- a/apps/ui/src/components/ProposalResults.vue
+++ b/apps/ui/src/components/ProposalResults.vue
@@ -6,12 +6,26 @@ import {
   quorumProgress
 } from '@/helpers/quorum';
 import { _n, _p, _vp } from '@/helpers/utils';
+import { getNetwork } from '@/networks';
 import { Proposal as ProposalType } from '@/types';
 
 const DEFAULT_MAX_CHOICES = 6;
 
 const SHUTTER_URL = 'https://www.shutter.network/shielded-voting';
 
+async function refreshScores() {
+  try {
+    const network = getNetwork(props.proposal.network);
+    const hubUrl = network.api.apiUrl.replace('/graphql', '');
+    const response = await fetch(`${hubUrl}/api/scores/${props.proposal.id}`);
+    const result = await response.json();
+
+    if (result.result === true) {
+      window.location.reload();
+    }
+  } catch (e) {}
+}
+
 const props = withDefaults(
   defineProps<{
     proposal: ProposalType;
@@ -94,6 +108,12 @@ const isFinalizing = computed(() => {
     ['passed', 'executed', 'rejected'].includes(props.proposal.state)
   );
 });
+
+onMounted(() => {
+  if (props.proposal.network === 's' && isFinalizing.value) {
+    refreshScores();
+  }
+});
 </script>
 
 <template>
diff --git a/apps/ui/src/networks/common/graphqlApi/index.ts b/apps/ui/src/networks/common/graphqlApi/index.ts
index 21513866a..4d86853d7 100644
--- a/apps/ui/src/networks/common/graphqlApi/index.ts
+++ b/apps/ui/src/networks/common/graphqlApi/index.ts
@@ -710,6 +710,9 @@ export function createApi(
     },
     getNetworksUsage: async () => {
       return {};
+    },
+    refreshScores: async () => {
+      return;
     }
   };
 }

From 2873b232afd26ab4fe9681b9e455458db6f79a71 Mon Sep 17 00:00:00 2001
From: ChaituVR <yourchaitu@gmail.com>
Date: Sat, 4 Jan 2025 00:14:12 +0530
Subject: [PATCH 2/4] fix

---
 apps/ui/src/networks/common/graphqlApi/index.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/apps/ui/src/networks/common/graphqlApi/index.ts b/apps/ui/src/networks/common/graphqlApi/index.ts
index 4d86853d7..21513866a 100644
--- a/apps/ui/src/networks/common/graphqlApi/index.ts
+++ b/apps/ui/src/networks/common/graphqlApi/index.ts
@@ -710,9 +710,6 @@ export function createApi(
     },
     getNetworksUsage: async () => {
       return {};
-    },
-    refreshScores: async () => {
-      return;
     }
   };
 }

From 8becaea7270170eaae7c8ed626d19a16cdca5f86 Mon Sep 17 00:00:00 2001
From: ChaituVR <yourchaitu@gmail.com>
Date: Mon, 6 Jan 2025 15:50:12 +0530
Subject: [PATCH 3/4] fix: check for offchain spaces

---
 apps/ui/src/components/ProposalResults.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/ui/src/components/ProposalResults.vue b/apps/ui/src/components/ProposalResults.vue
index c6109e404..702f0cd21 100644
--- a/apps/ui/src/components/ProposalResults.vue
+++ b/apps/ui/src/components/ProposalResults.vue
@@ -6,7 +6,7 @@ import {
   quorumProgress
 } from '@/helpers/quorum';
 import { _n, _p, _vp } from '@/helpers/utils';
-import { getNetwork } from '@/networks';
+import { getNetwork, offchainNetworks } from '@/networks';
 import { Proposal as ProposalType } from '@/types';
 
 const DEFAULT_MAX_CHOICES = 6;
@@ -23,7 +23,9 @@ async function refreshScores() {
     if (result.result === true) {
       window.location.reload();
     }
-  } catch (e) {}
+  } catch (e) {
+    console.warn('Failed to refresh scores', e);
+  }
 }
 
 const props = withDefaults(
@@ -110,7 +112,7 @@ const isFinalizing = computed(() => {
 });
 
 onMounted(() => {
-  if (props.proposal.network === 's' && isFinalizing.value) {
+  if (offchainNetworks.includes(props.proposal.network) && isFinalizing.value) {
     refreshScores();
   }
 });

From b4d8f1efe5373cc86942bd6128f47112ecb7c39b Mon Sep 17 00:00:00 2001
From: ChaituVR <yourchaitu@gmail.com>
Date: Mon, 6 Jan 2025 17:32:59 +0530
Subject: [PATCH 4/4] fix: reset instead of reload

---
 apps/ui/src/components/ProposalResults.vue | 37 +++++++++++++---------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/apps/ui/src/components/ProposalResults.vue b/apps/ui/src/components/ProposalResults.vue
index 702f0cd21..34bf3f174 100644
--- a/apps/ui/src/components/ProposalResults.vue
+++ b/apps/ui/src/components/ProposalResults.vue
@@ -13,21 +13,6 @@ const DEFAULT_MAX_CHOICES = 6;
 
 const SHUTTER_URL = 'https://www.shutter.network/shielded-voting';
 
-async function refreshScores() {
-  try {
-    const network = getNetwork(props.proposal.network);
-    const hubUrl = network.api.apiUrl.replace('/graphql', '');
-    const response = await fetch(`${hubUrl}/api/scores/${props.proposal.id}`);
-    const result = await response.json();
-
-    if (result.result === true) {
-      window.location.reload();
-    }
-  } catch (e) {
-    console.warn('Failed to refresh scores', e);
-  }
-}
-
 const props = withDefaults(
   defineProps<{
     proposal: ProposalType;
@@ -42,6 +27,8 @@ const props = withDefaults(
   }
 );
 
+const proposalsStore = useProposalsStore();
+
 const displayAllChoices = ref(false);
 
 const totalProgress = computed(() => quorumProgress(props.proposal));
@@ -111,6 +98,26 @@ const isFinalizing = computed(() => {
   );
 });
 
+async function refreshScores() {
+  try {
+    const network = getNetwork(props.proposal.network);
+    const hubUrl = network.api.apiUrl.replace('/graphql', '');
+    const response = await fetch(`${hubUrl}/api/scores/${props.proposal.id}`);
+    const result = await response.json();
+
+    if (result.result === true) {
+      proposalsStore.reset(props.proposal.space.id, props.proposal.network);
+      await proposalsStore.fetchProposal(
+        props.proposal.space.id,
+        props.proposal.id,
+        props.proposal.network
+      );
+    }
+  } catch (e) {
+    console.warn('Failed to refresh scores', e);
+  }
+}
+
 onMounted(() => {
   if (offchainNetworks.includes(props.proposal.network) && isFinalizing.value) {
     refreshScores();