make disabled buttons force greyed out

Author: not-a-cowfr

packages/web_common/src/components/ContextMenu.tsx

@@ -87,6 +87,15 @@ export function ContextMenu<T extends object>({
 	);
 }
 
-ContextMenu.Item = <T extends object>({ className, ...rest }: MenuItemProps<T>) => <MenuItem {...rest} className={twMerge('rounded-sm px-3 py-1 hover:bg-component-bg-hover', className?.toString())} />;
+ContextMenu.Item = <T extends object>({
+	className,
+	isDisabled,
+	...rest
+}: MenuItemProps<T>) => 
+	<MenuItem 
+		{...rest}
+		className={twMerge('rounded-sm px-3 py-1 hover:bg-component-bg-hover', className?.toString(), isDisabled ? 'text-gray-700' : '')}
+		isDisabled={isDisabled}
+	/>;
 
 ContextMenu.Separator = ({ className, ...rest }: SeparatorProps) => <Separator {...rest} className={twMerge('my-1 py-0.25 bg-component-border', className)} />;