feat(proposal): add ability to flag proposals for admins and moderato…

…rs (#4220) * feat(proposal): add ability to flag proposals for admins and moderators * fix(flag): change the way how flag action appears in proposal --------- Co-authored-by: Sam <[email protected]> Co-authored-by: Chaitanya <[email protected]>
snapshot-labs · Sep 28, 2023 · 7938ed1 · 7938ed1 · vercel · Sep 28, 2023
1 parent 07315b6
commit 7938ed1
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/src/components/SpaceProposalHeader.vue b/src/components/SpaceProposalHeader.vue
@@ -21,8 +21,12 @@ const isCreator = computed(() => props.proposal?.author === web3Account.value);
 const threeDotItems = computed(() => {
   const items = [
     { text: t('duplicate'), action: 'duplicate' },
-    { text: t('report'), action: 'report' }
   ];
+  if ((props.isAdmin || props.isModerator) && !props.proposal.flagged) {
+    items.push({ text: t('flag'), action: 'flag' });
+  } else {
+    items.push({ text: t('report'), action: 'report' });
+  }
   if (props.isAdmin || props.isModerator || isCreator.value)
     items.push({ text: t('delete'), action: 'delete' });
   return items;
@@ -51,10 +55,15 @@ const {
 
 const { resetForm } = useFormSpaceProposal();
 
-function handleSelect(e) {
+async function handleSelect(e) {
   if (!props.proposal) return;
   if (e === 'delete') deleteProposal();
   if (e === 'report') window.open('https://tally.so/r/mDBEGb', '_blank');
+  if (e === 'flag') {
+    await send(props.space, 'flag-proposal', {
+      proposal: props.proposal
+    });
+  }
   if (e === 'duplicate') {
     resetForm();
     router.push({
@@ -150,7 +159,7 @@ watch(
         <template #item="{ item }">
           <div class="flex items-center gap-2">
             <i-ho-document-duplicate v-if="item.action === 'duplicate'" />
-            <i-ho-flag v-if="item.action === 'report'" />
+            <i-ho-flag v-if="item.action === 'report' || item.action === 'flag'" />
             <i-ho-trash v-if="item.action === 'delete'" />
             {{ item.text }}
           </div>

diff --git a/src/composables/useClient.ts b/src/composables/useClient.ts
@@ -83,6 +83,11 @@ export function useClient() {
         about: payload.about,
         statement: payload.statement
       });
+    } else if (type === 'flag-proposal') {
+      return client.flagProposal(auth.web3, web3.value.account, {
+        space: space.id,
+        proposal: payload.proposal.id
+      });
     }
   }
 

diff --git a/src/locales/default.json b/src/locales/default.json
@@ -156,6 +156,7 @@
   "copyLink": "Copy link",
   "duplicate": "Duplicate",
   "report": "Report",
+  "flag": "Flag",
   "joinedSpaces": "Joined spaces",
   "joinSpaces": "Join spaces",
   "setDelegationToSpace": "Limit delegation to a specific space",