From 1517f6ad515a8631805013106651e331b71df8fc Mon Sep 17 00:00:00 2001
From: terrence-ou <outerrencedl@gmail.com>
Date: Sun, 24 Nov 2024 16:02:12 -0500
Subject: [PATCH] fix:dropdown-menu mdx diff display

---
 apps/www/content/docs/components/dropdown-menu.mdx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/apps/www/content/docs/components/dropdown-menu.mdx b/apps/www/content/docs/components/dropdown-menu.mdx
index 754feca5616..304f4c90dc7 100644
--- a/apps/www/content/docs/components/dropdown-menu.mdx
+++ b/apps/www/content/docs/components/dropdown-menu.mdx
@@ -111,8 +111,8 @@ const DropdownMenuItem = React.forwardRef<
 >(({ className, inset, ...props }, ref) => (
   <DropdownMenuPrimitive.Item
     ref={ref}
-    className={cn(
-      "relative ... gap-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+    className={cn(  
++     "relative ... gap-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
     )}
@@ -125,18 +125,17 @@ const DropdownMenuItem = React.forwardRef<
 
 Added `gap-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0` to the `<DropdownMenuSubTrigger />` to automatically style icon inside.
 
-Add the following classes to the `cva` call in your `dropdown-menu.tsx` file.
+Add the following classes to the `cn` call in your `dropdown-menu.tsx` file.
 
-```tsx title="dropdown-menu.tsx"
+```diff title="dropdown-menu.tsx"
 <DropdownMenuPrimitive.SubTrigger
   ref={ref}
   className={cn(
-    "flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
++   "flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
     inset && "pl-8",
     className
   )}
-  {...props}
->
+  {...props}>
   {/* ... */}
 </DropdownMenuPrimitive.SubTrigger>
 ```