fix: refresh scores once proposal is closed

[ChaituVR]

Summary

Closes: https://github.com/snapshot-labs/workflow/issues/347

How to test

1. Create a proposal with shutter
2. Before the fix, you will see finalizing results message forever
3. Now, we send a request to our API to refresh scores and once it is successful we will refresh the page
4. You should see the results

[Sekhmet]

Other than that it looks good to me.

[Sekhmet]

Can we move this function to where it usually is (after computed, above lifecycle methods)?

Also what do you think about refetching proposal instead of triggering hard page reload?

diff --git a/apps/ui/src/components/ProposalResults.vue b/apps/ui/src/components/ProposalResults.vue
index 702f0cd2..34bf3f17 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();

[ChaituVR]

Also what do you think about refetching proposal instead of triggering hard page reload?

Nice idea

[Sekhmet]

partial tACK (haven't tested on actual isFinalizing proposal).