reallocations amount render

magiodev · May 12, 2024 · d95390e · d95390e
1 parent 5498ba2
commit d95390e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/frontend-ms/src/components/Game/PotsComponent.vue b/frontend-ms/src/components/Game/PotsComponent.vue
@@ -2,6 +2,10 @@
   <div class="pots-component position-relative">
     <div class="row justify-content-center">
       <PotItemComponent :pot="pot" v-for="pot in pots" :key="pot.id" @endReallocation="onReallocateTokens"/>
+
+      <div v-if="userAddress" class=" mt-3">
+        <p class="text-center">You have reallocated funds {{playerReallocations}} out of the {{gameConfig.reallocations_limit}} times allowed.</p>
+      </div>
     </div>
   </div>
 </template>
@@ -21,7 +25,7 @@ export default {
   components: {PotItemComponent},
 
   computed: {
-    ...mapGetters(['pots']),
+    ...mapGetters(['pots', "playerReallocations", "userAddress", "gameConfig"]),
   },
 
   methods: {

diff --git a/frontend/src/components/Game/PotsComponent.vue b/frontend/src/components/Game/PotsComponent.vue
@@ -2,6 +2,10 @@
   <div class="pots-component position-relative">
     <div class="row justify-content-center">
       <PotItemComponent :pot="pot" v-for="pot in pots" :key="pot.id" @endReallocation="onReallocateTokens"/>
+
+      <div v-if="userAddress" class=" mt-3">
+        <p class="text-center">You have reallocated funds {{playerReallocations}} out of the {{gameConfig.reallocations_limit}} times allowed.</p>
+      </div>
     </div>
   </div>
 </template>
@@ -21,7 +25,7 @@ export default {
   components: {PotItemComponent},
 
   computed: {
-    ...mapGetters(['pots']),
+    ...mapGetters(['pots', "playerReallocations", "userAddress", "gameConfig"]),
   },
 
   methods: {