WIP

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.add/user-picker.tsx

@@ -1,19 +1,19 @@
-import type { ControllerFieldState } from 'react-hook-form'
-import { XIcon, CheckIcon, AlertTriangleIcon, UserIcon } from 'lucide-react'
 import { formatCPF } from '@brazilian-utils/brazilian-utils'
+import { AlertTriangleIcon, CheckIcon, UserIcon, XIcon } from 'lucide-react'
+import type { ControllerFieldState } from 'react-hook-form'
 
-import { cn, initials } from '@repo/ui/lib/utils'
-import { Avatar, AvatarFallback } from '@repo/ui/components/ui/avatar'
 import { Abbr } from '@repo/ui/components/abbr'
-import { Spinner } from '@repo/ui/components/ui/spinner'
+import { SearchFilter } from '@repo/ui/components/search-filter'
+import { Avatar, AvatarFallback } from '@repo/ui/components/ui/avatar'
+import { CommandItem } from '@repo/ui/components/ui/command'
 import {
   InputGroup,
   InputGroupAddon,
   InputGroupButton,
   InputGroupInput
 } from '@repo/ui/components/ui/input-group'
-import { CommandItem } from '@repo/ui/components/ui/command'
-import { SearchFilter } from '@repo/ui/components/search-filter'
+import { Spinner } from '@repo/ui/components/ui/spinner'
+import { cn, initials } from '@repo/ui/lib/utils'
 
 import type { User } from './data'
 
@@ -35,6 +35,7 @@ export function UserPicker({
       align="start"
       onChange={onChange}
       onSearch={onSearch}
+      placeholder="Digite para pesquisar"
       render={({ id, name, email, cpf, onSelect, onClose }) => (
         <CommandItem
           key={id}