commit wip

src/routes/_authenticated/plan/$planId.tsx

@@ -20,6 +20,7 @@ import { AuroraButton } from "@/components/effect/aurora-button"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
 import { DeletePlanButton } from "@/components/planes/DeletePlan"
 import { AddAsignaturaButton } from "@/components/planes/AddAsignaturaButton"
+import { DescargarPdfButton } from "@/components/planes/GenerarPdfButton"
 
 type LoaderData = { plan: PlanFull; asignaturas: AsignaturaLite[] }
 
@@ -79,7 +80,7 @@ function RouteComponent() {
       </nav>
       <Card ref={headerRef} className="relative overflow-hidden border shadow-sm">
         <div className="absolute inset-0 -z-0" style={accent} />
-        <CardHeader className="relative z-10 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
+        <CardHeader className="relative z-10 flex flex-col grid grid-cols-1 gap-3 sm:flex-row sm:items-center sm:justify-between">
           <div className="flex items-center gap-3 min-w-0">
             <span className="hdr-icon inline-flex items-center justify-center rounded-2xl border px-3 py-2 bg-white/70"
               style={{ borderColor: accent.borderColor as string }}>
@@ -99,11 +100,13 @@ function RouteComponent() {
                 {plan.estado}
               </Badge>
             )}
-            <div className='flex gap-2'>
+            {/* <div className='flex gap-2'> */}
               <EditPlanButton plan={plan} />
               <AdjustAIButton plan={plan} />
+              <DescargarPdfButton planId={plan.id} opcion="plan" />
+              <DescargarPdfButton planId={plan.id} opcion="asignaturas" />
               <DeletePlanButton planId={plan.id} />
-            </div>
+            {/* </div> */}
           </div>
         </CardHeader>
         <CardContent ref={statsRef}>