From 0608cb82b728acc814849caacb2ae30d6eddfdf2 Mon Sep 17 00:00:00 2001
From: Anastasios <anastas3993@gmail.com>
Date: Wed, 31 Jul 2024 11:29:46 +0400
Subject: [PATCH] feat: implement mempool api, closes leather-io/issues#215

---
 src/app/common/hooks/use-media-query.ts                      | 2 +-
 .../dialogs/switch-account-dialog/switch-account-dialog.tsx  | 2 +-
 src/app/ui/components/virtuoso.tsx                           | 5 +++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app/common/hooks/use-media-query.ts b/src/app/common/hooks/use-media-query.ts
index 1d9249726cc..a8e856ddb95 100644
--- a/src/app/common/hooks/use-media-query.ts
+++ b/src/app/common/hooks/use-media-query.ts
@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
 import { BreakpointToken, token } from 'leather-styles/tokens';
 
 function useMediaQuery(query: string) {
-  const [matches, setMatches] = useState(false);
+  const [matches, setMatches] = useState(() => window.matchMedia(query).matches);
 
   useEffect(() => {
     const media = window.matchMedia(query);
diff --git a/src/app/features/dialogs/switch-account-dialog/switch-account-dialog.tsx b/src/app/features/dialogs/switch-account-dialog/switch-account-dialog.tsx
index 4f1724f28e7..79067374066 100644
--- a/src/app/features/dialogs/switch-account-dialog/switch-account-dialog.tsx
+++ b/src/app/features/dialogs/switch-account-dialog/switch-account-dialog.tsx
@@ -76,7 +76,7 @@ export const SwitchAccountDialog = memo(({ isShowing, onClose }: SwitchAccountDi
           initialTopMostItemIndex={whenWallet({ ledger: 0, software: currentAccountIndex })}
           totalCount={accountNum}
           itemContent={index => (
-            <Box key={index} my="space.05" px="space.05">
+            <Box key={index} py="space.03" px="space.05">
               <SwitchAccountListItem
                 handleClose={onClose}
                 currentAccountIndex={currentAccountIndex}
diff --git a/src/app/ui/components/virtuoso.tsx b/src/app/ui/components/virtuoso.tsx
index b87aebbc45f..aa79cfd6d84 100644
--- a/src/app/ui/components/virtuoso.tsx
+++ b/src/app/ui/components/virtuoso.tsx
@@ -20,7 +20,7 @@ export function VirtuosoWrapper({ children, hasFooter, isPopup }: VirtuosoWrappe
   const [key, setKey] = useState(0);
   const isAtLeastMd = useViewportMinWidth('md');
   const virtualHeight = isAtLeastMd ? '70vh' : '100vh';
-  const headerHeight = isPopup ? 230 : 80;
+  const headerHeight = isPopup ? 230 : 60;
   const footerHeight = hasFooter ? 95 : 0;
   const heightOffset = headerHeight + footerHeight;
   const height = vhToPixels(virtualHeight) - heightOffset;
@@ -33,9 +33,10 @@ export function VirtuosoWrapper({ children, hasFooter, isPopup }: VirtuosoWrappe
   return (
     <Box
       key={key}
+      pt="space.03"
+      overflow="hidden"
       style={{
         height: height,
-        overflow: 'hidden',
         marginBottom: hasFooter ? `${footerHeight}px` : '10px',
       }}
     >