fix: fix help dialog

mbret · Jan 19, 2025 · 3cf0079 · 3cf0079
1 parent 435c3ab
commit 3cf0079
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/packages/demo/src/reader/help/HelpDialog.tsx b/packages/demo/src/reader/help/HelpDialog.tsx
@@ -1,13 +1,15 @@
-import { List, ListIcon, ListItem } from "@chakra-ui/react"
-import React from "react"
+import { List } from "@chakra-ui/react"
+import { LuCircleCheck } from "react-icons/lu"
 
 export const HelpMenu = () => {
   return (
-    <List spacing={3}>
-      <ListItem>
-        <ListIcon color="green.500" />
+    <List.Root gap={3} variant="plain">
+      <List.Item>
+        <List.Indicator asChild color="green.500">
+          <LuCircleCheck />
+        </List.Indicator>
         Pinch to zoom on images.
-      </ListItem>
-    </List>
+      </List.Item>
+    </List.Root>
   )
 }