Implementing Candidates Vote count

src/chainActions/nominfAction.js

@@ -9,7 +9,7 @@ export default ({
   telegram,
   twitter,
   oig_prefix,
-  pubkey,
+  pubkey
 }) => ({
   account: OIG_ACCOUNT,
   name: 'nominf',

src/components/HeadingArticles.vue

@@ -57,7 +57,7 @@ onMounted(() => {
       >
         View all Articles
         <span aria-hidden="true"> &rarr;</span>
-    </a>
+      </a>
     </div>
   </div>
 </template>

src/components/HeadingComp.vue

@@ -91,7 +91,7 @@ const resources = [
         class="z-8 flex items-center justify-between py-10 sm:py-12 md:justify-start md:space-x-10"
       >
         <div>
-          <router-link :to="{ name: 'home' }" class="flex items-center" tag="a">
+          <router-link :to="{ name: 'home' }" class="flex items-center">
             <img
               class="h-8 w-auto sm:h-10"
               src="@/assets/images/oig-logo.png"
@@ -345,7 +345,6 @@ const resources = [
                   :to="{ name: 'home' }"
                   :onClick="close"
                   class="flex items-center"
-                  tag="a"
                 >
                   <img
                     class="h-10 w-10 flex-1"

src/components/MediumFeedSection.vue

@@ -2,7 +2,6 @@
 import { useStore } from 'vuex';
 import { onMounted, computed } from 'vue';
 import ButtonText from '@/components/button/ButtonText.vue';
-import ButtonPrimary from '@/components/button/ButtonPrimary.vue';
 import LoadingSpinner from './LoadingSpinner.vue';
 
 const store = useStore();
@@ -38,7 +37,9 @@ const mediumLink = 'https://waxoig.medium.com/';
           :key="article.guid"
           class="relative flex group"
         >
-          <div class="bg-white drop-shadow-sm hover:drop-shadow-md px-5 py-6 rounded-md relative z-20">
+          <div
+            class="bg-white drop-shadow-sm hover:drop-shadow-md px-5 py-6 rounded-md relative z-20"
+          >
             <div class="relative w-full hidden z-20">
               <img
                 :src="article.thumbnail"
@@ -79,15 +80,14 @@ const mediumLink = 'https://waxoig.medium.com/';
       </div>
     </div>
     <div class="mx-auto max-w-xl mt-10 text-center">
-
       <a
         :href="mediumLink"
         target="_blank"
         class="inline-block rounded-md whitespace-nowrap bg-primary px-3.5 py-2.5 text-sm text-white shadow-sm hover:bg-primary-700 hover:text-white focus-visible:outline-none outline-none"
       >
         View all Articles
         <span class="ml-1" aria-hidden="true"> &rarr;</span>
-    </a>
+      </a>
     </div>
   </div>
 </template>

src/components/OIGSkills.vue

@@ -7,7 +7,7 @@
           <h2
             class="mt-2 text-2xl font-bold tracking-tight text-primary sm:text-4xl"
           >
-            Job skills 
+            Job skills
           </h2>
           <div
             class="mt-8 grid max-w-xl grid-cols-1 gap-8 gap-y-12 text-base leading-7 lg:max-w-none lg:grid-cols-2"

src/components/election/BallotCandidates.vue

@@ -12,7 +12,9 @@ onMounted(() => {
 });
 </script>
 <template>
-  <div class="border border-gray-200 drop-shadow-sm bg-white rounded-md mt-8 md:mt-12">
+  <div
+    class="border border-gray-200 drop-shadow-sm bg-white rounded-md mt-8 md:mt-12"
+  >
     <div class="border-b border-gray-200 px-4 py-5 sm:px-6">
       <div
         class="-ml-4 -mt-4 flex flex-wrap items-center justify-between sm:flex-nowrap"

src/components/election/CandidateCard.vue

@@ -6,7 +6,10 @@ import ConfirmationModal from '../modal/ConfirmationModal.vue';
 import { useSession } from '../../composables/useSession';
 import { XCircleIcon } from '@heroicons/vue/20/solid';
 
-import { DocumentMagnifyingGlassIcon, StarIcon } from '@heroicons/vue/24/outline';
+import {
+  DocumentMagnifyingGlassIcon,
+  StarIcon
+} from '@heroicons/vue/24/outline';
 
 const props = defineProps({
   candidate: Object
@@ -16,9 +19,7 @@ const store = useStore();
 
 const session = useSession();
 
-const isVotingOpen = computed(
-  () => store.getters['ballot/isVotingOpen']
-);
+const isVotingOpen = computed(() => store.getters['ballot/isVotingOpen']);
 
 const router = useRouter();
 const route = useRoute();
@@ -62,7 +63,13 @@ function confirmVoting() {
   vote();
 }
 
-const vote = () => store.dispatch('ballot/vote', props.candidate);
+const vote = () =>
+  store.dispatch('ballot/vote', {
+    candidate: props.candidate,
+    success: () => {
+      isVotingConfirmationModalOpen.value = false;
+    }
+  });
 </script>
 
 <template>
@@ -79,15 +86,19 @@ const vote = () => store.dispatch('ballot/vote', props.candidate);
       <p class="text-sm text-gray-500">
         {{ props.candidate.owner }}
       </p>
-      <!-- <dl v-if="isVotingOpen" class="mt-1 flex flex-grow flex-col justify-between">
+      <dl
+        v-if="isVotingOpen"
+        class="mt-1 flex flex-grow flex-col justify-between"
+      >
         <dt class="sr-only">Role</dt>
         <dd class="mt-3">
           <span
             class="inline-flex items-center rounded-full bg-green-50 px-4 py-2 text-xs font-medium text-green-700 ring-1 ring-inset ring-green-600/20"
-            >123123 VOTE</span
           >
+            {{ props?.candidate?.votes }}
+          </span>
         </dd>
-      </dl> -->
+      </dl>
     </div>
     <div>
       <div class="-mt-px flex divide-x border-t border-t-gray-200">

src/components/election/CandidateDetails.vue

@@ -30,8 +30,12 @@ const session = useSession();
 
 const router = useRouter();
 
+const dialogOpen = ref(true);
+
 const isVotingConfirmationModalOpen = ref(false);
 
+const closeModal = () => router.push('/election');
+
 function openVotingConfirmationModal() {
   isVotingConfirmationModalOpen.value = true;
 }
@@ -44,10 +48,13 @@ function confirmVoting() {
   vote();
 }
 
-const vote = () => store.dispatch('ballot/vote', candidate.value);
-
-const dialogOpen = ref(true);
-const closeModal = () => router.push('/election');
+const vote = () =>
+  store.dispatch('ballot/vote', {
+    candidate: candidate.value,
+    success: () => {
+      isVotingConfirmationModalOpen.value = false;
+    }
+  });
 </script>
 
 <template>

src/components/evaluation/EvaluationResults.vue

@@ -37,7 +37,9 @@ onMounted(() => {
           Latest Reviews
         </h2>
         <p class="mt-4 text-sm">
-          All Guild Reviews since January 2023 are listed below. That's when the processing of guilds scores has moved on-chain. For previous review please visit the respective guild archives on notion.
+          All Guild Reviews since January 2023 are listed below. That's when the
+          processing of guilds scores has moved on-chain. For previous review
+          please visit the respective guild archives on notion.
         </p>
       </div>
       <div class="mt-4 sm:ml-16 sm:mt-0 sm:flex-none">

src/components/guild/GuildActionList.vue

@@ -56,7 +56,7 @@ import {
   ChatBubbleLeftRightIcon,
   DocumentTextIcon,
   ShieldCheckIcon,
-  TrophyIcon,
+  TrophyIcon
 } from '@heroicons/vue/24/outline';
 
 const actions = [

src/components/oig/OIGPillars.vue

@@ -15,7 +15,7 @@ const pillars = [
         :key="index"
         class="prose px-8 py-6 md:py-4"
       >
-        <h2 class="mb-3">{{ index+1 }}</h2>
+        <h2 class="mb-3">{{ index + 1 }}</h2>
         <p>{{ pillar }}</p>
       </div>
     </div>

src/composables/useTransaction.js

@@ -9,19 +9,21 @@ export default async (actions, success = () => {}, error = () => {}) => {
 
   try {
     await transact(actions);
-    // success();
+
+    success();
+
     notify({
       title: 'Success',
       text: 'The action was successful',
       type: 'success'
     });
   } catch (err) {
-    // error(err);
+    error(err);
+
     notify({
       title: 'Error',
       text: err,
       type: 'error'
     });
-    console.log('error caught in transact', err);
   }
 };

src/composables/useVotingBallots.js

@@ -0,0 +1,14 @@
+import useTableRows from '@/composables/useTableRows';
+import { DECIDE_ACCOUNT } from '@/constants';
+
+export default async (ballot) => {
+  return await useTableRows({
+    code: DECIDE_ACCOUNT,
+    scope: DECIDE_ACCOUNT,
+    table: 'ballots',
+    limit: 1,
+    lower_bound: ballot,
+    upper_bound: ballot,
+    json: true
+  });
+};