Guillermo.Arrieta/acad-ia-2
1
0
Fork 0
Code Issues 16 Pull Requests Actions Wiki Activity

Límite de al menos 3 caracteres y tooltip en boton de generar sugerencias

Browse Source
This commit is contained in:
Guillermo Arrieta Medina
2026-03-11 13:47:54 -06:00
parent 78471c19d9
commit 11369ce792
1 changed files with 53 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
src/features/bibliografia/nueva/NuevaBibliografiaModalContainer.tsx
View File

@@ -50,7 +50,7 @@ import { buscar_bibliografia } from '@/data'
import { useCreateBibliografia } from '@/data/hooks/useSubjects' import { useCreateBibliografia } from '@/data/hooks/useSubjects'
import { cn } from '@/lib/utils' import { cn } from '@/lib/utils'
type MetodoBibliografia = 'MANUAL' | 'IA' | null type MetodoBibliografia = 'MANUAL' | 'EN_LINEA' | null
export type FormatoCita = 'apa' | 'ieee' | 'vancouver' | 'chicago' export type FormatoCita = 'apa' | 'ieee' | 'vancouver' | 'chicago'
type IdiomaBibliografia = type IdiomaBibliografia =
@@ -462,7 +462,7 @@ export function NuevaBibliografiaModalContainer({
const localeCacheRef = useRef(new Map<string, string>()) const localeCacheRef = useRef(new Map<string, string>())
const titleOverrides = const titleOverrides =
wizard.metodo === 'IA' wizard.metodo === 'EN_LINEA'
? { paso2: 'Sugerencias', paso3: 'Estructura' } ? { paso2: 'Sugerencias', paso3: 'Estructura' }
: { paso2: 'Datos básicos', paso3: 'Detalles' } : { paso2: 'Datos básicos', paso3: 'Detalles' }
@@ -474,7 +474,7 @@ export function NuevaBibliografiaModalContainer({
} }
const refsForStep3: Array<BibliografiaRef> = const refsForStep3: Array<BibliografiaRef> =
wizard.metodo === 'IA' wizard.metodo === 'EN_LINEA'
? wizard.ia.sugerencias ? wizard.ia.sugerencias
.filter((s) => s.selected) .filter((s) => s.selected)
.map((s) => endpointResultToRef(iaSugerenciaToEndpointResult(s))) .map((s) => endpointResultToRef(iaSugerenciaToEndpointResult(s)))
@@ -501,10 +501,10 @@ export function NuevaBibliografiaModalContainer({
}, [wizard.citaEdits, wizard.formato, wizard.refs]) }, [wizard.citaEdits, wizard.formato, wizard.refs])
const canContinueDesdeMetodo = const canContinueDesdeMetodo =
wizard.metodo === 'MANUAL' || wizard.metodo === 'IA' wizard.metodo === 'MANUAL' || wizard.metodo === 'EN_LINEA'
const canContinueDesdePaso2 = const canContinueDesdePaso2 =
wizard.metodo === 'IA' wizard.metodo === 'EN_LINEA'
? wizard.ia.sugerencias.some((s) => s.selected) ? wizard.ia.sugerencias.some((s) => s.selected)
: wizard.manual.refs.length > 0 : wizard.manual.refs.length > 0
@@ -842,7 +842,7 @@ export function NuevaBibliografiaModalContainer({
{idx === 1 && ( {idx === 1 && (
<Wizard.Stepper.Panel> <Wizard.Stepper.Panel>
{wizard.metodo === 'IA' ? ( {wizard.metodo === 'EN_LINEA' ? (
<SugerenciasStep <SugerenciasStep
q={wizard.ia.q} q={wizard.ia.q}
idioma={wizard.ia.idioma} idioma={wizard.ia.idioma}
@@ -1001,11 +1001,11 @@ function MetodoStep({
<Card <Card
className={cn( className={cn(
'cursor-pointer transition-all', 'cursor-pointer transition-all',
isSelected('IA') && 'ring-ring ring-2', isSelected('EN_LINEA') && 'ring-ring ring-2',
)} )}
role="button" role="button"
tabIndex={0} tabIndex={0}
onClick={() => onChange('IA')} onClick={() => onChange('EN_LINEA')}
> >
<CardHeader> <CardHeader>
<CardTitle className="flex items-center gap-2"> <CardTitle className="flex items-center gap-2">
@@ -1097,22 +1097,46 @@ function SugerenciasStep({
</Select> </Select>
</div> </div>
<Button {!isLoading && q.trim().length < 3 ? (
type="button" <Tooltip>
variant="outline" <TooltipTrigger asChild>
onClick={onGenerate} <span className="inline-block">
disabled={isLoading || q.trim().length === 0} <Button
className="gap-2" type="button"
> variant="outline"
{isLoading ? ( onClick={onGenerate}
<Loader2 className="h-4 w-4 animate-spin" /> disabled={true}
) : ( className="gap-2"
<RefreshCw className="h-3.5 w-3.5" /> >
)} <RefreshCw className="h-3.5 w-3.5" />
{sugerencias.length > 0 {sugerencias.length > 0
? 'Generar más sugerencias' ? 'Generar más sugerencias'
: 'Generar sugerencias'} : 'Generar sugerencias'}
</Button> </Button>
</span>
</TooltipTrigger>
<TooltipContent side="top" sideOffset={6} className="max-w-xs">
<p>El query debe ser de al menos 3 caracteres</p>
</TooltipContent>
</Tooltip>
) : (
<Button
type="button"
variant="outline"
onClick={onGenerate}
disabled={isLoading || q.trim().length < 3}
className="gap-2"
>
{isLoading ? (
<Loader2 className="h-4 w-4 animate-spin" />
) : (
<RefreshCw className="h-3.5 w-3.5" />
)}
{sugerencias.length > 0
? 'Generar más sugerencias'
: 'Generar sugerencias'}
</Button>
)}
</div> </div>
{errorMessage ? ( {errorMessage ? (
@@ -1689,7 +1713,11 @@ function ResumenStep({
const basicas = refs.filter((r) => r.tipo === 'BASICA') const basicas = refs.filter((r) => r.tipo === 'BASICA')
const complementarias = refs.filter((r) => r.tipo === 'COMPLEMENTARIA') const complementarias = refs.filter((r) => r.tipo === 'COMPLEMENTARIA')
const metodoLabel = const metodoLabel =
metodo === 'MANUAL' ? 'Manual' : metodo === 'IA' ? 'Buscar en línea' : '—' metodo === 'MANUAL'
? 'Manual'
: metodo === 'EN_LINEA'
? 'Buscar en línea'
: '—'
return ( return (
<div className="space-y-8"> <div className="space-y-8">