[improves] fix device (#41)

Author: Cast0001

src/components/Image/util/images.ts

@@ -41,16 +41,17 @@ export const logos = [
   'connector/taho',
   'connector/zengo',
   'connector/ledger',
-  'connector/ledgerLive',
   'connector/portis',
   'connector/binance',
   'connector/coinbase',
   'connector/metamask',
   'connector/gnosisSafe',
+  'connector/ledgerLive',
   'connector/trustWallet',
   'connector/braveBrowser',
   'connector/walletConnect',
   'connector/monitorAddress',
+
   'image/error',
   'image/magic',
   'image/success',

src/layouts/AppLayout/Header/Connect/Account/AccountMenu/AccountMenu.tsx

@@ -15,18 +15,18 @@ type AccountMenuProps = {
   logo: LogoProps['name']
 }
 
+const disableDisconnect = new Set<string>([
+  wallets.dAppBrowser.id,
+  wallets.ledgerLive.id,
+])
+
 const AccountMenu: React.FC<AccountMenuProps> = (props) => {
   const { logo } = props
 
   const { activeWallet } = useConfig()
   const claimsTotal = useClaimsTotal()
 
-  const NON_DISCONNECTABLE_WALLET_IDS = new Set<string>([
-    wallets.dAppBrowser.id,
-    wallets.ledgerLive.id,
-  ])
-
-  const shouldShowDisconnect = activeWallet !== null && !NON_DISCONNECTABLE_WALLET_IDS.has(activeWallet)
+  const shouldShowDisconnect = activeWallet !== null && !disableDisconnect.has(activeWallet)
 
   return (
     <>

src/modules/device/ctx.ts

@@ -44,9 +44,11 @@ const {
 
     handleSetDevice()
 
+    tabletMediaQuery.addEventListener('change', handleSetDevice)
     desktopMediaQuery.addEventListener('change', handleSetDevice)
 
     return () => {
+      tabletMediaQuery.removeEventListener('change', handleSetDevice)
       desktopMediaQuery.removeEventListener('change', handleSetDevice)
     }
   }, [ onChange ])