Fix: should not show active while loading

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++) {

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 : ''"
                 >