From 3fb848807450a2d204045ef335eb4431085f24b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Rafael=20Siqueira?=
 <osergiosiqueira@gmail.com>
Date: Thu, 11 Dec 2025 12:16:20 -0300
Subject: [PATCH] remove item

---
 .../async-combobox.tsx                        | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.add/async-combobox.tsx b/apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.add/async-combobox.tsx
index 42505a8..b224e75 100644
--- a/apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.add/async-combobox.tsx
+++ b/apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.add/async-combobox.tsx
@@ -1,5 +1,5 @@
 import { useRequest, useToggle } from 'ahooks'
-import { CheckIcon, UserIcon } from 'lucide-react'
+import { CheckIcon, UserIcon, XIcon } from 'lucide-react'
 import { formatCPF } from '@brazilian-utils/brazilian-utils'
 
 import { Avatar, AvatarFallback } from '@repo/ui/components/ui/avatar'
@@ -24,6 +24,7 @@ import {
   CommandList
 } from '@repo/ui/components/ui/command'
 import { Spinner } from '@repo/ui/components/ui/spinner'
+import { Button } from '@repo/ui/components/ui/button'
 
 interface AsyncComboboxProps {
   value: any
@@ -66,6 +67,23 @@ export function AsyncCombobox({
             <UserIcon />
           </InputGroupAddon>
 
+          {value && (
+            <InputGroupAddon align="inline-end" className="mr-0">
+              <Button
+                variant="link"
+                size="icon-sm"
+                className="cursor-pointer text-black dark:text-white"
+                onClick={(e) => {
+                  e.preventDefault()
+                  onChange?.(undefined)
+                  set(false)
+                }}
+              >
+                <XIcon />
+              </Button>
+            </InputGroupAddon>
+          )}
+
           {loading && (
             <InputGroupAddon align="inline-end">
               <Spinner />