fix: type error

pancakeswap · Sep 30, 2024 · 006083b · 006083b
1 parent bef0c36
commit 006083b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/apps/web/src/components/Menu/GlobalSettings/SettingsModalV2/index.tsx b/apps/web/src/components/Menu/GlobalSettings/SettingsModalV2/index.tsx
@@ -41,7 +41,7 @@ export const SettingsModalV2 = ({ onDismiss, mode }: SettingsModalV2Props) => {
     <>
       <MotionModal
         minWidth="480px"
-        headerPadding="0px"
+        headerPadding="6px 24px 0"
         title={
           activeTabIndex === 2 ? (
             <TabContent type="to_right">

diff --git a/apps/web/src/components/Menu/GlobalSettings/index.tsx b/apps/web/src/components/Menu/GlobalSettings/index.tsx
@@ -1,15 +1,16 @@
 import { ButtonProps, CogIcon, Flex, IconButton, useModal } from '@pancakeswap/uikit'
 
 import { SettingsModalV2 } from './SettingsModalV2'
+import { SettingsMode } from './types'
 
 type Props = {
   color?: string
   mr?: string
-  mode?: string
+  mode?: SettingsMode
 } & ButtonProps
 
 const GlobalSettings = ({ color, mr = '8px', mode, ...rest }: Props) => {
-  const [onPresentSettingsModal] = useModal(<SettingsModalV2 mode={mode} />)
+  const [onPresentSettingsModal] = useModal(<SettingsModalV2 mode={mode ?? SettingsMode.GLOBAL} />)
 
   return (
     <Flex>

diff --git a/packages/uikit/src/widgets/Modal/MotionModal.tsx b/packages/uikit/src/widgets/Modal/MotionModal.tsx
@@ -97,7 +97,7 @@ const MotionModal: React.FC<React.PropsWithChildren<ModalProps>> = ({
     >
       <ModalHeader
         background={getThemeValue(theme, `colors.${headerBackground}`, headerBackground)}
-        p={headerPadding}
+        style={{ padding: headerPadding }}
         headerBorderColor={headerBorderColor}
       >
         <ModalTitle>