From 9fcc31319d377e21488e88df6db6d860d5b51dad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl-Gerhard=20Lindesva=CC=88rd?= <lindesvard@gmail.com>
Date: Sun, 11 Aug 2024 23:33:47 +0200
Subject: [PATCH] fix combobox-advanced

---
 apps/dashboard/src/components/ui/checkbox.tsx     | 15 +++++++++++++++
 .../src/components/ui/combobox-advanced.tsx       |  6 +++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/apps/dashboard/src/components/ui/checkbox.tsx b/apps/dashboard/src/components/ui/checkbox.tsx
index 098485e9..00c7413c 100644
--- a/apps/dashboard/src/components/ui/checkbox.tsx
+++ b/apps/dashboard/src/components/ui/checkbox.tsx
@@ -5,6 +5,21 @@ import { cn } from '@/utils/cn';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { Check } from 'lucide-react';
 
+export const DumpCheckbox = ({ checked }: { checked: boolean }) => {
+  return (
+    <div
+      className={cn(
+        'block h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+        checked && 'bg-primary text-primary-foreground'
+      )}
+    >
+      <div className="flex items-center justify-center text-current">
+        {checked && <Check className="h-4 w-4" />}
+      </div>
+    </div>
+  );
+};
+
 const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
diff --git a/apps/dashboard/src/components/ui/combobox-advanced.tsx b/apps/dashboard/src/components/ui/combobox-advanced.tsx
index 8c856424..bbff676c 100644
--- a/apps/dashboard/src/components/ui/combobox-advanced.tsx
+++ b/apps/dashboard/src/components/ui/combobox-advanced.tsx
@@ -7,7 +7,7 @@ import VirtualList from 'rc-virtual-list';
 import { useOnClickOutside } from 'usehooks-ts';
 
 import { Button } from './button';
-import { Checkbox } from './checkbox';
+import { Checkbox, DumpCheckbox } from './checkbox';
 import { Popover, PopoverContent, PopoverTrigger } from './popover';
 
 type IValue = any;
@@ -61,7 +61,7 @@ export function ComboboxAdvanced({
         }}
         className={'flex cursor-pointer items-center gap-2'}
       >
-        <Checkbox checked={checked} className="pointer-events-none" />
+        <DumpCheckbox checked={checked} />
         {item?.label ?? item?.value}
       </CommandItem>
     );
@@ -99,7 +99,7 @@ export function ComboboxAdvanced({
         <Button
           variant={'outline'}
           onClick={() => setOpen((prev) => !prev)}
-          className={cn('h-min-10 h-auto', className)}
+          className={cn('h-auto min-h-10 py-2', className)}
         >
           <div className="flex w-full flex-wrap gap-1">
             {value.length === 0 && placeholder}