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

wip

Browse Source
This commit is contained in:
Guillermo Arrieta Medina
2026-03-12 13:47:56 -06:00
parent 03caa791ad
commit 88c6dc6b4d
2 changed files with 155 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/ui/radio-group.tsx Normal file
View File

@@ -0,0 +1,43 @@
import * as React from "react"
import { CircleIcon } from "lucide-react"
import { RadioGroup as RadioGroupPrimitive } from "radix-ui"
import { cn } from "@/lib/utils"
function RadioGroup({
className,
...props
}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {
return (
<RadioGroupPrimitive.Root
data-slot="radio-group"
className={cn("grid gap-3", className)}
{...props}
/>
)
}
function RadioGroupItem({
className,
...props
}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {
return (
<RadioGroupPrimitive.Item
data-slot="radio-group-item"
className={cn(
"aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
className
)}
{...props}
>
<RadioGroupPrimitive.Indicator
data-slot="radio-group-indicator"
className="relative flex items-center justify-center"
>
<CircleIcon className="absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" />
</RadioGroupPrimitive.Indicator>
</RadioGroupPrimitive.Item>
)
}
export { RadioGroup, RadioGroupItem }

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

@@ -38,6 +38,7 @@ import {
import { Checkbox } from '@/components/ui/checkbox'
import { Input } from '@/components/ui/input'
import { Label } from '@/components/ui/label'
import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'
import {
Select,
SelectContent,
@@ -45,6 +46,7 @@ import {
SelectTrigger,
SelectValue,
} from '@/components/ui/select'
import { Separator } from '@/components/ui/separator'
import { Textarea } from '@/components/ui/textarea'
import {
Tooltip,
@@ -57,6 +59,115 @@ import { buscar_bibliografia } from '@/data'
import { useCreateBibliografia } from '@/data/hooks/useSubjects'
import { cn } from '@/lib/utils'
export function BookSelectionAccordion() {
// Estado inicial indefinido para que nada esté seleccionado por defecto
const [selectedBook, setSelectedBook] = useState<string | undefined>(
undefined,
)
return (
<>
{/* Un solo RadioGroup controla ambos lados */}
<RadioGroup
value={selectedBook}
onValueChange={setSelectedBook}
className="flex flex-col gap-6 md:flex-row"
>
{/* --- LADO IZQUIERDO: Sugerencia Online --- */}
<div className="flex-1 space-y-4">
<h4 className="text-muted-foreground text-sm font-medium">
Sugerencia Original (Open Library)
</h4>
<div
className={`relative flex items-start space-x-3 rounded-lg border p-4 transition-colors ${selectedBook === 'online-1' ? 'border-primary bg-primary/5' : 'hover:bg-muted/50'}`}
>
<RadioGroupItem value="online-1" id="online-1" className="mt-1" />
<Label
htmlFor="online-1"
className="flex flex-1 cursor-pointer flex-col"
>
<span className="font-semibold">
Inteligencia Artificial: Un Enfoque Moderno
</span>
<span className="text-muted-foreground text-sm">
Russell, Stuart; Norvig, Peter (2021)
</span>
<span className="text-muted-foreground mt-1 text-xs">
ISBN: 9788490355343
</span>
</Label>
</div>
</div>
{/* Separador vertical para escritorio, horizontal en móviles */}
<Separator orientation="vertical" className="hidden h-auto md:block" />
<Separator orientation="horizontal" className="md:hidden" />
{/* --- LADO DERECHO: Alternativas de Biblioteca --- */}
<div className="flex-1 space-y-4">
<h4 className="text-muted-foreground text-sm font-medium">
Disponibles en Biblioteca
</h4>
<div className="max-h-[300px] space-y-3 overflow-y-auto pr-2">
{/* Opcion 1: Coincidencia exacta */}
<div
className={`relative flex cursor-pointer items-start space-x-3 rounded-lg border p-4 transition-colors ${selectedBook === 'biblio-1' ? 'border-primary bg-primary/5' : 'hover:border-primary/30 hover:bg-accent/50'}`}
>
<RadioGroupItem
value="biblio-1"
id="biblio-1"
className="mt-1 cursor-pointer"
/>
<Label
htmlFor="biblio-1"
className="flex flex-1 cursor-pointer flex-col"
>
<div className="flex items-center gap-2">
<span className="font-semibold">
Inteligencia Artificial: Un Enfoque Moderno
</span>
<Badge className="bg-green-600 hover:bg-green-700">
Coincidencia ISBN
</Badge>
</div>
<span className="text-muted-foreground text-sm">
Russell, Stuart; Norvig, Peter (2021)
</span>
<span className="bg-muted mt-2 w-fit rounded px-1 font-mono text-xs">
Estante: QA76.9 .R87 2021
</span>
</Label>
</div>
{/* Opcion 2: Edición anterior */}
<div
className={`relative flex items-start space-x-3 rounded-lg border p-4 transition-colors ${selectedBook === 'biblio-2' ? 'border-primary bg-primary/5' : 'hover:bg-muted/50'}`}
>
<RadioGroupItem value="biblio-2" id="biblio-2" className="mt-1" />
<Label
htmlFor="biblio-2"
className="flex flex-1 cursor-pointer flex-col"
>
<span className="font-semibold">
Inteligencia Artificial: Un Enfoque Moderno (3ra Ed.)
</span>
<span className="text-muted-foreground text-sm">
Russell, Stuart; Norvig, Peter (2010)
</span>
<span className="bg-muted mt-2 w-fit rounded px-1 font-mono text-xs">
Estante: QA76.9 .R87 2010
</span>
</Label>
</div>
</div>
</div>
</RadioGroup>
</>
)
}
type MetodoBibliografia = 'MANUAL' | 'EN_LINEA' | null
export type FormatoCita = 'apa' | 'ieee' | 'vancouver' | 'chicago'
@@ -1056,6 +1167,7 @@ function MetodoStep({
</CardDescription>
</CardHeader>
</Card>
<BookSelectionAccordion />
</div>
)
}