Defensive localstorage + fix console error

MinThaMie · Nov 9, 2023 · de84afb · de84afb
1 parent 20da981
commit de84afb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/app/routes/bingo.js b/app/routes/bingo.js
@@ -1,7 +1,13 @@
 import Route from '@ember/routing/route';
 import { tracked } from 'tracked-built-ins';
 
-const completedCells = JSON.parse(localStorage.getItem('completed')) ?? [];
+let completedCells = [];
+
+try {
+  completedCells = JSON.parse(localStorage.getItem('completed')) ?? [];
+} catch (e) {
+  localStorage.setItem('completed', []);
+}
 
 const cells = [
   {

diff --git a/app/templates/bingo.hbs b/app/templates/bingo.hbs
@@ -2,7 +2,7 @@
 <dialog>
   <p id="modal-description"></p>
   <button type="button" class="button button-secondary" {{on 'click' this.hideModal}}>I'll come back</button>
-  <button type="button" class="button" {{on 'click' this.completeSquare}}>Add to my roles</button>
+  <button type="button" class="button complete" {{on 'click' this.completeSquare}}>Add to my roles</button>
 </dialog>
 <div class="callout">
   <h2>How to</h2>