.

app/components/ui/context-menu.tsx

@@ -4,57 +4,28 @@ import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 
 import { cn } from "~/lib/utils";
 
-function ContextMenu({
-    ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
+function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
     return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />;
 }
 
-function ContextMenuTrigger({
-    ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {
-    return (
-        <ContextMenuPrimitive.Trigger
-            data-slot="context-menu-trigger"
-            {...props}
-        />
-    );
+function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {
+    return <ContextMenuPrimitive.Trigger data-slot="context-menu-trigger" {...props} />;
 }
 
-function ContextMenuGroup({
-    ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {
-    return (
-        <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />
-    );
+function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {
+    return <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />;
 }
 
-function ContextMenuPortal({
-    ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {
-    return (
-        <ContextMenuPrimitive.Portal
-            data-slot="context-menu-portal"
-            {...props}
-        />
-    );
+function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {
+    return <ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />;
 }
 
-function ContextMenuSub({
-    ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {
+function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {
     return <ContextMenuPrimitive.Sub data-slot="context-menu-sub" {...props} />;
 }
 
-function ContextMenuRadioGroup({
-    ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {
-    return (
-        <ContextMenuPrimitive.RadioGroup
-            data-slot="context-menu-radio-group"
-            {...props}
-        />
-    );
+function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {
+    return <ContextMenuPrimitive.RadioGroup data-slot="context-menu-radio-group" {...props} />;
 }
 
 function ContextMenuSubTrigger({
@@ -81,10 +52,7 @@ function ContextMenuSubTrigger({
     );
 }
 
-function ContextMenuSubContent({
-    className,
-    ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {
+function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {
     return (
         <ContextMenuPrimitive.SubContent
             data-slot="context-menu-sub-content"
@@ -97,10 +65,7 @@ function ContextMenuSubContent({
     );
 }
 
-function ContextMenuContent({
-    className,
-    ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {
+function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {
     return (
         <ContextMenuPrimitive.Portal>
             <ContextMenuPrimitive.Content
@@ -199,19 +164,13 @@ function ContextMenuLabel({
         <ContextMenuPrimitive.Label
             data-slot="context-menu-label"
             data-inset={inset}
-            className={cn(
-                "text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-                className,
-            )}
+            className={cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)}
             {...props}
         />
     );
 }
 
-function ContextMenuSeparator({
-    className,
-    ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {
+function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {
     return (
         <ContextMenuPrimitive.Separator
             data-slot="context-menu-separator"
@@ -221,17 +180,11 @@ function ContextMenuSeparator({
     );
 }
 
-function ContextMenuShortcut({
-    className,
-    ...props
-}: React.ComponentProps<"span">) {
+function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">) {
     return (
         <span
             data-slot="context-menu-shortcut"
-            className={cn(
-                "text-muted-foreground ml-auto text-xs tracking-widest",
-                className,
-            )}
+            className={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)}
             {...props}
         />
     );