Fix panels issues (#693)

onlydustxyz · Nov 25, 2024 · fb0159d · fb0159d
1 parent be15453
commit fb0159d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/shared/features/amount-selector/amount-selector.tsx b/shared/features/amount-selector/amount-selector.tsx
@@ -110,7 +110,8 @@ export function AmountSelector({
             onChange={handleChangeAmount}
             readOnly={readOnly}
             placeholder={"_"}
-            autoFocus={!readOnly}
+            // COMMENT THIS BECAUSE IT CAUSES A TRANSLATE ERROR ON DRAWERS
+            // autoFocus={!readOnly}
           />
           <div onClick={handleFocusInput}>
             <span

diff --git a/shared/features/side-panels/side-panel/side-panel.tsx b/shared/features/side-panels/side-panel/side-panel.tsx
@@ -116,7 +116,7 @@ export const SidePanel = forwardRef(function SidePanel<T extends AnyType>(
         >
           <Paper
             border={"none"}
-            background={"transparent"}
+            background={"primary"}
             py={"none"}
             px={"none"}
             classNames={{

diff --git a/shared/features/side-panels/side-panels.context.tsx b/shared/features/side-panels/side-panels.context.tsx
@@ -62,7 +62,12 @@ export function SidePanelsProvider({ children, classNames }: SidePanelsContextPr
     });
   }
 
+  function safeBlur() {
+    (document?.activeElement as HTMLElement)?.blur?.();
+  }
+
   function closePanel(name?: string) {
+    safeBlur();
     if (name) {
       setOpenedPanels(openedPanels.filter(panel => panel !== name));
       setData(data.filter(([panel]) => panel !== name));
@@ -75,6 +80,7 @@ export function SidePanelsProvider({ children, classNames }: SidePanelsContextPr
   }
 
   function onBack() {
+    safeBlur();
     if (openedPanels.length === 1) {
       setOpenedPanels([]);
       setData([]);