fix menu examples

zwgnr · Sep 5, 2023 · e1cfa1e · e1cfa1e · vercel · Sep 5, 2023
1 parent 7878a98
commit e1cfa1e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/web/src/Examples/Menu/Menu.tsx b/web/src/Examples/Menu/Menu.tsx
@@ -1,7 +1,7 @@
 import { Button } from "@/components/base/button";
 
 import {
-  MenuConent,
+  MenuContent,
   MenuHeader,
   MenuItem,
   MenuSeperator,
@@ -28,7 +28,7 @@ export const Menu = () => {
       >
         Me
       </Button>
-      <MenuConent>
+      <MenuContent>
         <Section>
           <MenuHeader className="text-fg-4">[email protected]</MenuHeader>
         </Section>
@@ -58,7 +58,7 @@ export const Menu = () => {
           Logout
           <LogOut />
         </MenuItem>
-      </MenuConent>
+      </MenuContent>
     </MenuTrigger>
   );
 };
diff --git a/web/src/Examples/Menu/MenuSimple.tsx b/web/src/Examples/Menu/MenuSimple.tsx
@@ -1,15 +1,15 @@
 import { Button } from "@/components/base/button";
-import { MenuConent, MenuItem, MenuTrigger } from "@/components/base/menu";
+import { MenuContent, MenuItem, MenuTrigger } from "@/components/base/menu";
 
 export const MenuSimple = () => {
   return (
     <MenuTrigger>
       <Button intent="secondary">Edit</Button>
-      <MenuConent>
+      <MenuContent>
         <MenuItem>Cut</MenuItem>
         <MenuItem>Copy</MenuItem>
         <MenuItem>Paste</MenuItem>
-      </MenuConent>
+      </MenuContent>
     </MenuTrigger>
   );
 };
diff --git a/web/src/templates/examples.ts b/web/src/templates/examples.ts
@@ -77,12 +77,12 @@ export const examples = [
   {
     name: "Menu",
     files:
-      'import { Button } from "@/components/base/button";\n\nimport {\n  MenuConent,\n  MenuHeader,\n  MenuItem,\n  MenuSeperator,\n  MenuTrigger,\n  Section,\n} from "@/components/base/menu";\n\nimport {\n  CreditCard,\n  HelpCircle,\n  LogOut,\n  Plus,\n  Settings,\n  User,\n} from "lucide-react";\n\nexport const Menu = () => {\n  return (\n    <MenuTrigger>\n      <Button\n        intent="secondary"\n        className="h-full rounded-full p-4 text-xl"\n        state="outline"\n      >\n        Me\n      </Button>\n      <MenuConent>\n        <Section>\n          <MenuHeader className="text-fg-4">[email protected]</MenuHeader>\n        </Section>\n        <MenuSeperator className="mt-0" />\n        <MenuItem>\n          Account Settings\n          <Settings />\n        </MenuItem>\n        <MenuItem>\n          Billing\n          <CreditCard />\n        </MenuItem>\n        <MenuItem>\n          Create a Team\n          <Plus />\n        </MenuItem>\n        <MenuItem>\n          Invite Member\n          <User />\n        </MenuItem>\n        <MenuSeperator />\n        <MenuItem>\n          Support\n          <HelpCircle />\n        </MenuItem>\n        <MenuItem>\n          Logout\n          <LogOut />\n        </MenuItem>\n      </MenuConent>\n    </MenuTrigger>\n  );\n};\n',
+      'import { Button } from "@/components/base/button";\n\nimport {\n  MenuContent,\n  MenuHeader,\n  MenuItem,\n  MenuSeperator,\n  MenuTrigger,\n  Section,\n} from "@/components/base/menu";\n\nimport {\n  CreditCard,\n  HelpCircle,\n  LogOut,\n  Plus,\n  Settings,\n  User,\n} from "lucide-react";\n\nexport const Menu = () => {\n  return (\n    <MenuTrigger>\n      <Button\n        intent="secondary"\n        className="h-full rounded-full p-4 text-xl"\n        state="outline"\n      >\n        Me\n      </Button>\n      <MenuContent>\n        <Section>\n          <MenuHeader className="text-fg-4">[email protected]</MenuHeader>\n        </Section>\n        <MenuSeperator className="mt-0" />\n        <MenuItem>\n          Account Settings\n          <Settings />\n        </MenuItem>\n        <MenuItem>\n          Billing\n          <CreditCard />\n        </MenuItem>\n        <MenuItem>\n          Create a Team\n          <Plus />\n        </MenuItem>\n        <MenuItem>\n          Invite Member\n          <User />\n        </MenuItem>\n        <MenuSeperator />\n        <MenuItem>\n          Support\n          <HelpCircle />\n        </MenuItem>\n        <MenuItem>\n          Logout\n          <LogOut />\n        </MenuItem>\n      </MenuContent>\n    </MenuTrigger>\n  );\n};\n',
   },
   {
     name: "MenuSimple",
     files:
-      'import { Button } from "@/components/base/button";\nimport { MenuConent, MenuItem, MenuTrigger } from "@/components/base/menu";\n\nexport const MenuSimple = () => {\n  return (\n    <MenuTrigger>\n      <Button intent="secondary">Edit</Button>\n      <MenuConent>\n        <MenuItem>Cut</MenuItem>\n        <MenuItem>Copy</MenuItem>\n        <MenuItem>Paste</MenuItem>\n      </MenuConent>\n    </MenuTrigger>\n  );\n};\n',
+      'import { Button } from "@/components/base/button";\nimport { MenuContent, MenuItem, MenuTrigger } from "@/components/base/menu";\n\nexport const MenuSimple = () => {\n  return (\n    <MenuTrigger>\n      <Button intent="secondary">Edit</Button>\n      <MenuContent>\n        <MenuItem>Cut</MenuItem>\n        <MenuItem>Copy</MenuItem>\n        <MenuItem>Paste</MenuItem>\n      </MenuContent>\n    </MenuTrigger>\n  );\n};\n',
   },
   {
     name: "Meter",