add blank background

thingbomb · Nov 27, 2024 · 1c0b7c9 · 1c0b7c9
1 parent 4e76ced
commit 1c0b7c9
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 45 deletions.
diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
@@ -245,51 +245,21 @@
   "show_completed": {
     "message": "Show completed"
   },
-  "mantra_1": {
-    "message": "Every day is a chance to grow."
-  },
-  "mantra_2": {
-    "message": "Progress, not perfection."
-  },
-  "mantra_3": {
-    "message": "Small steps lead to big changes."
-  },
-  "mantra_4": {
-    "message": "Setbacks are setups for comebacks."
-  },
-  "mantra_5": {
-    "message": "You are stronger than you think."
-  },
-  "mantra_6": {
-    "message": "Challenges build your strength."
-  },
-  "mantra_7": {
-    "message": "Good things are coming your way."
-  },
-  "mantra_8": {
-    "message": "See the good in every situation."
-  },
-  "mantra_9": {
-    "message": "A hopeful heart sees endless possibilities."
-  },
-  "mantra_10": {
-    "message": "Be here, in this moment."
-  },
-  "mantra_11": {
-    "message": "Each breath is a fresh start."
-  },
-  "mantra_12": {
-    "message": "The now is all we truly have."
-  },
-  "mantra_13": {
-    "message": "Dream big, start small."
-  },
-  "mantra_14": {
-    "message": "Focus on what you can control."
-  },
-  "mantra_15": {
-    "message": "Greatness begins with the first step."
-  },
+  "mantra_1": { "message": "Every day is a chance to grow." },
+  "mantra_2": { "message": "Progress, not perfection." },
+  "mantra_3": { "message": "Small steps lead to big changes." },
+  "mantra_4": { "message": "Setbacks are setups for comebacks." },
+  "mantra_5": { "message": "You are stronger than you think." },
+  "mantra_6": { "message": "Challenges build your strength." },
+  "mantra_7": { "message": "Good things are coming your way." },
+  "mantra_8": { "message": "See the good in every situation." },
+  "mantra_9": { "message": "A hopeful heart sees endless possibilities." },
+  "mantra_10": { "message": "Be here, in this moment." },
+  "mantra_11": { "message": "Each breath is a fresh start." },
+  "mantra_12": { "message": "The now is all we truly have." },
+  "mantra_13": { "message": "Dream big, start small." },
+  "mantra_14": { "message": "Focus on what you can control." },
+  "mantra_15": { "message": "Greatness begins with the first step." },
   "features": {
     "message": "Features"
   },
@@ -301,5 +271,8 @@
   },
   "documentation": {
     "message": "Documentation"
+  },
+  "blank": {
+    "message": "Blank"
   }
 }
diff --git a/public/_locales/english_base.json b/public/_locales/english_base.json
@@ -271,5 +271,8 @@
   },
   "documentation": {
     "message": "Documentation"
+  },
+  "blank": {
+    "message": "Blank"
   }
 }
diff --git a/src/App.jsx b/src/App.jsx
@@ -1043,6 +1043,20 @@ function App() {
                   <span>{chrome.i18n.getMessage("gradient")}</span>
                   {background === "gradient" && <Check className="h-4 w-4" />}
                 </button>
+                <button
+                  className={cn(
+                    "flex w-full items-center justify-between rounded-md px-3 py-2",
+                    background === "gradient" && "bg-accent"
+                  )}
+                  onClick={() => {
+                    setBackground("null");
+                    localStorage.setItem("background", "null");
+                    window.location.reload();
+                  }}
+                >
+                  <span>{chrome.i18n.getMessage("blank")}</span>
+                  {background === "null" && <Check className="h-4 w-4" />}
+                </button>
               </div>
             </div>