From 80ceb289239889168721ac32d198871b9ec98266 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Thu, 2 Nov 2023 19:59:05 +1100
Subject: [PATCH] eslint imrpovements and instant hide for image and video
 splotches

---
 .eslintrc.json                                  | 3 +--
 interface/src/components/BackgroundSelector.tsx | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index 9bf03bc3..a987e508 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -11,8 +11,7 @@
     "sourceType": "module" // add this line to allow 'import' and 'export' statements
   },
   "rules": {
-    "indent": ["error", 2],
-    "linebreak-style": ["error", "unix"],
+    "indent": ["warning", 2],
     "quotes": ["error", "double"],
     "semi": ["error", "always"]
   }
diff --git a/interface/src/components/BackgroundSelector.tsx b/interface/src/components/BackgroundSelector.tsx
index 94564b91..654b0960 100644
--- a/interface/src/components/BackgroundSelector.tsx
+++ b/interface/src/components/BackgroundSelector.tsx
@@ -138,7 +138,7 @@ export default function BackgroundSelector({ selectedType, setSelectedType, isEd
         {backgrounds.concat(presetBackgrounds as Background[]).filter(bg => bg.type === 'image' && bg.isPreset && !bg.isDownloaded && !downloadedPresetIds.includes(bg.id)).map(bg => (
           <div key={bg.id}
             onClick={() => handlePresetClick(bg)}
-            className={`relative w-16 h-16 transition cursor-pointer rounded-xl duration-300 ${ isEditMode ? 'opacity-0 pointer-events-none' : 'opacity-100'}`}>
+            className={`relative w-16 h-16 transition cursor-pointer rounded-xl duration-300 ${ isEditMode ? 'opacity-0 pointer-events-none hidden' : 'opacity-100'}`}>
             {bg.isPreset && downloadProgress[bg.id] !== undefined && (
               <div className="absolute top-0 left-0 z-20 flex items-center justify-center w-full h-full">
                 <svg className="w-full h-full text-zinc-100 dark:text-zinc-700" viewBox="0 0 36 36">
@@ -184,7 +184,7 @@ export default function BackgroundSelector({ selectedType, setSelectedType, isEd
         {backgrounds.concat(presetBackgrounds as Background[]).filter(bg => bg.type === 'video' && bg.isPreset && !bg.isDownloaded && !downloadedPresetIds.includes(bg.id)).map(bg => (
           <div key={bg.id}
             onClick={() => handlePresetClick(bg)}
-            className={`relative w-16 h-16 transition cursor-pointer rounded-xl duration-300 ${ isEditMode ? 'opacity-0 pointer-events-none' : 'opacity-100'}`}>
+            className={`relative w-16 h-16 transition cursor-pointer rounded-xl duration-300 ${ isEditMode ? 'opacity-0 pointer-events-none hidden' : 'opacity-100'}`}>
             {bg.isPreset && downloadProgress[bg.id] !== undefined && (
               <div className="absolute top-0 left-0 z-20 flex items-center justify-center w-full h-full">
                 <svg className="w-full h-full text-zinc-100 dark:text-zinc-700" viewBox="0 0 36 36">