fix: duplicated headers

mfrederic · Dec 30, 2024 · eae1c1b · eae1c1b
1 parent 186cc6f
commit eae1c1b
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 12 deletions.
diff --git a/frontend/src/components/Filtering/FilteringPanel.tsx b/frontend/src/components/Filtering/FilteringPanel.tsx
@@ -34,10 +34,13 @@ export function FilteringPanel({
         }
         <Drawer.Body
           className="mb-20 sm:mb-0">
-          <SettingsPanelHeader close={close}>
-            <FilterAltIcon className="mr-4 col-span-1" />
-            { t('filtering') }
-          </SettingsPanelHeader>
+          {
+            isSmallScreen &&
+            <SettingsPanelHeader close={close}>
+              <FilterAltIcon className="mr-4 col-span-1" />
+              { t('filtering') }
+            </SettingsPanelHeader>
+          }
           <SettingsPanelContent footer={false}>
             <Grid align="end">
               <Grid.Col span={12}>

diff --git a/frontend/src/components/Settings/Settings/SettingsPanel.tsx b/frontend/src/components/Settings/Settings/SettingsPanel.tsx
@@ -38,10 +38,13 @@ export function MapOptionsPanel({
         }
         <Drawer.Body
           className="mb-20 sm:mb-0">
-          <SettingsPanelHeader close={close}>
-            <SettingsIcon className="mr-4 col-span-1" />
-            { t('settings') }
-          </SettingsPanelHeader>
+          {
+            isSmallScreen &&
+            <SettingsPanelHeader close={close}>
+              <SettingsIcon className="mr-4 col-span-1" />
+              { t('settings') }
+            </SettingsPanelHeader>
+          }
           <SettingsPanelContent>
             <Grid align="end">
               <Grid.Col span={12}>

diff --git a/frontend/src/components/Settings/Wallets/WalletsPanel.tsx b/frontend/src/components/Settings/Wallets/WalletsPanel.tsx
@@ -30,10 +30,13 @@ export function WalletsPanel({
         }
         <Drawer.Body
           className="mb-20 sm:mb-0">
-          <SettingsPanelHeader close={close}>
-            <WalletIcon className="mr-4 col-span-1" />
-            { t('walletSettings') }
-          </SettingsPanelHeader>
+          {
+            isSmallScreen &&
+            <SettingsPanelHeader close={close}>
+              <WalletIcon className="mr-4 col-span-1" />
+              { t('walletSettings') }
+            </SettingsPanelHeader>
+          }
           <SettingsPanelContent>
             <Grid align="end">
               <Grid.Col span={12}>