Fixed drawer

mia-platform · Jul 23, 2024 · 56942c5 · 56942c5
1 parent a9c096e
commit 56942c5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/Drawer/Drawer.Title.tsx b/src/components/Drawer/Drawer.Title.tsx
@@ -17,6 +17,7 @@
  */
 
 import { ReactElement, useCallback, useMemo } from 'react'
+import { PiBookOpen } from 'react-icons/pi'
 
 import { Button } from '../Button'
 import { H4 } from '../Typography/HX/H4'
@@ -28,7 +29,7 @@ export const Title = ({ docLink, title }: TitleProps): ReactElement => {
   const { palette } = useTheme()
 
   const docLinkIcon = useMemo(() => (
-    <Icon color={palette?.action?.link?.active} name="PiBookOpen" size={16} />
+    <Icon color={palette?.action?.link?.active} component={PiBookOpen} size={16} />
   ), [palette?.action?.link?.active])
 
   const onClickDocLink = useCallback(() => window.open(docLink, '_blank'), [docLink])

diff --git a/src/components/Drawer/Drawer.tsx b/src/components/Drawer/Drawer.tsx
@@ -17,6 +17,7 @@
  */
 
 import { Drawer as AntdDrawer } from 'antd'
+import { PiX } from 'react-icons/pi'
 import { ReactElement } from 'react'
 
 import { DrawerProps } from './Drawer.props'
@@ -26,7 +27,7 @@ import { Title } from './Drawer.Title'
 import styles from './Drawer.module.css'
 
 const DRAWER_WIDTH = 512
-const closeIcon = <Icon color="currentColor" name="PiX" size={16} />
+const closeIcon = <Icon color="currentColor" component={PiX} size={16} />
 
 export const Drawer = ({
   children,