From 81cc99cd91fbda6f1dbedd7b9eeeab7b229955e8 Mon Sep 17 00:00:00 2001
From: Felipe Coutinho <felipi@live.com>
Date: Thu, 26 Feb 2026 17:57:37 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20lista=20de=20estabelecimentos=20n=C3=A3o?=
 =?UTF-8?q?=20abre=20sozinha=20e=20remove=20check=20icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove onFocus que abria o popover automaticamente ao focar no input
vazio. Agora só abre quando o usuário começa a digitar.

Remove RiCheckLine dos itens da lista; item selecionado aparece em
bold (font-semibold) em vez de check verde.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../shared/estabelecimento-input.tsx          | 24 ++++++-------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/components/lancamentos/shared/estabelecimento-input.tsx b/components/lancamentos/shared/estabelecimento-input.tsx
index c538595..9fc41b2 100644
--- a/components/lancamentos/shared/estabelecimento-input.tsx
+++ b/components/lancamentos/shared/estabelecimento-input.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { RiCheckLine, RiSearchLine } from "@remixicon/react";
+import { RiSearchLine } from "@remixicon/react";
 import * as React from "react";
 
 import {
@@ -16,7 +16,6 @@ import {
 	PopoverContent,
 	PopoverTrigger,
 } from "@/components/ui/popover";
-import { cn } from "@/lib/utils/ui";
 
 export interface EstabelecimentoInputProps {
 	id?: string;
@@ -78,11 +77,6 @@ export function EstabelecimentoInput({
 						required={required}
 						maxLength={maxLength}
 						autoComplete="off"
-						onFocus={() => {
-							if (estabelecimentos.length > 0) {
-								setOpen(true);
-							}
-						}}
 					/>
 					{estabelecimentos.length > 0 && (
 						<RiSearchLine className="absolute right-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground pointer-events-none" />
@@ -106,17 +100,13 @@ export function EstabelecimentoInput({
 										key={item}
 										value={item}
 										onSelect={() => handleSelect(item)}
-										className="cursor-pointer gap-1"
+										className="cursor-pointer"
 									>
-										<RiCheckLine
-											className={cn(
-												"size-4 shrink-0",
-												value === item
-													? "opacity-100  text-success"
-													: "opacity-5",
-											)}
-										/>
-										<span className="truncate flex-1">{item}</span>
+										<span
+											className={`truncate flex-1 ${value === item ? "font-semibold" : ""}`}
+										>
+											{item}
+										</span>
 									</CommandItem>
 								))}
 							</CommandGroup>