Alejandro Rosales
1808ce6f81
- Introduced EditAsignaturaButton for editing asignatura details with a dialog interface. - Added EditBibliografiaButton for managing bibliographic references with various utility actions (trim, dedupe, sort, import, export). - Created reusable Field, Section, and Stat components for better UI structure. - Implemented typeStyle utility for styling based on asignatura type. - Integrated new components into the existing asignatura route. - Updated package.json to include new dependencies for alert dialogs and tooltips. - Defined Asignatura type in a new types file for better type safety.
13 lines
570 B
TypeScript
13 lines
570 B
TypeScript
import * as React from "react"
|
|
|
|
export function Section({ id, title, icon: Icon, children }: { id: string; title: string; icon: any; children: React.ReactNode }) {
|
|
return (
|
|
<section id={id} className="rounded-2xl border bg-white/70 dark:bg-neutral-900/60 p-4 scroll-mt-24">
|
|
<header className="flex items-center gap-2 mb-2">
|
|
<div className="h-8 w-8 rounded-lg grid place-items-center border bg-white/80"><Icon className="h-4 w-4" /></div>
|
|
<h3 className="text-sm font-semibold">{title}</h3>
|
|
</header>
|
|
{children}
|
|
</section>
|
|
)
|
|
} |