Fix: should not show active while loading

While loading data, puzzle elements should not be active
CCIP-App · Mar 23, 2019 · 61effbb · 61effbb
1 parent c571a35
commit 61effbb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/utils/generateBingo.js b/src/utils/generateBingo.js
@@ -38,7 +38,7 @@ export default function generateBingo (sponsors, communities, token) {
   }
 
   // free space in the middle
-  grid[12] = { 'type': 'free_space' }
+  grid[12] = { 'type': 'free_space', 'element': { 'active': true, 'logourl': '', 'name': { en: '' } } }
 
   // fill the remaining with sponsors
   for (var i = 0; i < 25; i++) {

diff --git a/src/views/PuzzleList.vue b/src/views/PuzzleList.vue
@@ -45,7 +45,7 @@
                 <td
                   v-for="j in range"
                   :key="'d'+j"
-                  :class="{ active: (table[i * 5 + j].element) ? table[i * 5 + j].element.active : true }"
+                  :class="{ active: (table[i * 5 + j].element) ? table[i * 5 + j].element.active : false }"
                   :style="{ backgroundImage: `url(${(table[i * 5 + j].element) ? table[i * 5 + j].element.logourl : ''})` }"
                   :data-text="(table[i * 5 + j].element && table[i * 5 + j].element.logourl === '') ? table[i * 5 + j].element.name.en : ''"
                 >