From 97e2528566da41d578b8cc6a43e79c424a4ac710 Mon Sep 17 00:00:00 2001
From: lxgr-linux <lxgr@protonmail.com>
Date: Fri, 6 Jan 2023 15:57:10 +0100
Subject: [PATCH] #135 Fixed v-if

---
 src/components/elements/CouncilComponent.vue | 28 ++++----------------
 1 file changed, 5 insertions(+), 23 deletions(-)

diff --git a/src/components/elements/CouncilComponent.vue b/src/components/elements/CouncilComponent.vue
index 4db8d270..11a97ee8 100644
--- a/src/components/elements/CouncilComponent.vue
+++ b/src/components/elements/CouncilComponent.vue
@@ -1,28 +1,11 @@
 <template>
   <div align="center">
     <div class="InfoContainer">
-      <div
+      <info-component
         v-if="status === Status.VOTING"
         class="ELement Info"
-      >
-        <h3>{{ card.CardName }}</h3>
-        <p
-          v-if="currentCard.FlavourText"
-          class="FlavourText"
-        >
-          "{{ card.FlavourText }}"
-        </p>
-        <br>
-        <h3>Advanced Card Information</h3>
-        <p>
-          Votepool: {{ votePool }} <br>
-          Status: {{ card.status }} <br>
-        </p>
-        <br><br>
-        <keyword-component
-          :keywords="card.Keywords"
-        />
-      </div>
+        :current-card="currentCard"
+      />
       <div
         v-if="status === Status.VOTING"
         class="ELement"
@@ -50,13 +33,12 @@
 </template>
 
 <script>
-import { Coin } from "@/utils/coins";
 import CardComponent from "@/components/elements/CardComponent";
-import KeywordComponent from "@/components/elements/KeywordComponent.vue";
+import InfoComponent from "@/components/elements/VotingComponents/InfoComponent.vue";
 
 export default {
   name: "CouncilComponent",
-  components: { CardComponent, KeywordComponent },
+  components: { InfoComponent, CardComponent },
   props: {
     councilId: {
       type: Number,