fix: remove merge-duplication

digidem · Jul 27, 2023 · 5c1ac88 · 5c1ac88
1 parent 2ea6977
commit 5c1ac88
Showing 1 changed file with 25 additions and 31 deletions.
diff --git a/src/renderer/components/SettingsView/SettingsMenu.js b/src/renderer/components/SettingsView/SettingsMenu.js
@@ -29,29 +29,27 @@ export const SettingsMenu = ({ tabs, currentTab, onTabChange }) => {
         height: '100vh',
         borderRadius: 0,
         zIndex: 1,
-        position: 'relative',
+        position: 'relative'
       }}
     >
       <StyledTabs
         orientation='vertical'
         value={currentTab}
         onChange={(e, newValue) => onTabChange(newValue)}
       >
-        {
-          tabs.map(tab => (
-            <Tab
-              disableRipple
-              orientation='vertical'
-              key={tab.tabId}
-              value={tab.tabId}
-              component={RenderTab}
-              tab={tab}
-              active={tab.tabId === currentTab}
-            />
-          ))
-        }
-      </StyledTabs >
-    </Paper >
+        {tabs.map(tab => (
+          <Tab
+            disableRipple
+            orientation='vertical'
+            key={tab.tabId}
+            value={tab.tabId}
+            component={RenderTab}
+            tab={tab}
+            active={tab.tabId === currentTab}
+          />
+        ))}
+      </StyledTabs>
+    </Paper>
   )
 }
 
@@ -62,21 +60,17 @@ export const SettingsMenu = ({ tabs, currentTab, onTabChange }) => {
  * @prop {(e: React.Dispatch<number>) => number} onTabChange
  */
 /** @param {RenderTabProps} props */
-export const RenderTab = React.forwardRef(({ tab: { icon, label, subtitle, type }, ...rest }, ref) => (
-  <SettingsItem icon={icon} label={label} subtitle={subtitle} type={type || 'menuItem'} {...rest} />
-))
-
-const StyledTabs = styled(Tabs)`
-  height: 100vh;
-  padding-top: 1em;
-  & .MuiTabs-indicator {
-    display: none;
-  }
-
-  & .MuiTab-root {
-    max-width: 100%;
-  }
-`
+export const RenderTab = React.forwardRef(
+  ({ tab: { icon, label, subtitle, type }, ...rest }, ref) => (
+    <SettingsItem
+      icon={icon}
+      label={label}
+      subtitle={subtitle}
+      type={type || 'menuItem'}
+      {...rest}
+    />
+  )
+)
 
 const StyledTabs = styled(Tabs)`
   height: 100vh;