SP-07: Update focus

Tihi321 · Aug 6, 2024 · 1fadfbf · 1fadfbf
1 parent eaca8d4
commit 1fadfbf
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 7 deletions.
diff --git a/src/blocks/shortcuts/CustomShortcuts.tsx b/src/blocks/shortcuts/CustomShortcuts.tsx
@@ -197,7 +197,9 @@ export const CustomShortcuts = () => {
       {!showCustomShortcuts() && (
         <HiddenContainer>
           <ShowShortcutsButton
-            onClick={() => {
+            onClick={(event) => {
+              event.preventDefault();
+              event.stopPropagation();
               localStorage.setItem("showcustomshortcuts", "true");
               setShowCustomShotcuts(true);
             }}
@@ -213,7 +215,9 @@ export const CustomShortcuts = () => {
               <Shortcut>
                 <Link href={values.url}>{values.name}</Link>
                 <RemoveButton
-                  onClick={() => {
+                  onClick={(event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
                     const newShortcuts = shortcuts().filter(
                       (shortcut) => !isEqual(shortcut.name, values.name)
                     );
@@ -228,11 +232,19 @@ export const CustomShortcuts = () => {
           </Shortcuts>
           <AddContainer class={showInputs() ? "show" : ""}>
             <ToggleButtons>
-              <AddButton onClick={() => setShowInputs(!showInputs())}>
+              <AddButton
+                onClick={(event) => {
+                  event.preventDefault();
+                  event.stopPropagation();
+                  setShowInputs(!showInputs());
+                }}
+              >
                 {showInputs() ? "-" : "+"}
               </AddButton>
               <HideShortcutsButton
-                onClick={() => {
+                onClick={(event) => {
+                  event.preventDefault();
+                  event.stopPropagation();
                   localStorage.setItem("showcustomshortcuts", "false");
                   setShowCustomShotcuts(false);
                 }}

diff --git a/src/layouts/Footer.astro b/src/layouts/Footer.astro
@@ -10,7 +10,7 @@
     }
   };
   document.addEventListener("DOMContentLoaded", () => {
-    const focusButton = document.querySelector(".focus");
+    const focusButton = document.querySelector("#focus-button");
     focusButton?.addEventListener("click", () => {
       toggleFocus();
     });
@@ -39,7 +39,7 @@
   </div>
 
   <div class="socials">
-    <button class="focus">
+    <button id="focus-button" class="focus-button">
       <svg
         xmlns="http://www.w3.org/2000/svg"
         width="24"
@@ -160,7 +160,7 @@
     }
   }
 
-  .focus {
+  .focus-button {
     background-color: transparent;
     border: none;
     cursor: pointer;