coneccion muchos endpoint y validacions

src/components/formulario-card.tsx

@@ -4,13 +4,21 @@ import Link from 'next/link';
 import { GetCuestionario } from '@/types/cuestionario';
 import React, { useState } from 'react';
 import Image from 'next/image';
+import Button from './button';
+import { useRouter } from 'next/navigation';
 
 interface Props {
   cuestionario: GetCuestionario;
   link: string;
+  button_message?: string;
 }
 
-export default function FormularioCard({ cuestionario, link }: Props) {
+export default function FormularioCard({
+  cuestionario,
+  link,
+  button_message,
+}: Props) {
+  const router = useRouter();
   const [verMas, setVerMas] = useState(false);
   const descripcion = cuestionario.descripcion;
   const limite = 100;
@@ -26,7 +34,13 @@ export default function FormularioCard({ cuestionario, link }: Props) {
         <div>
           <div className="card-image">
             <Link href={link}>
-              <Image width={400} height={300} className="img" src="/banner1.png" alt="Banner formulario" />
+              <Image
+                width={400}
+                height={300}
+                className="img"
+                src="/banner1.png"
+                alt="Banner formulario"
+              />
               <div className="card-caption">{cuestionario.nombre_form}</div>
             </Link>
             <div className="ripple-cont"></div>
@@ -48,6 +62,11 @@ export default function FormularioCard({ cuestionario, link }: Props) {
                 </button>
               )}
             </p>
+            {button_message && (
+              <Button onClick={() => router.push(link)} outline className='mt-3 w-100 py-1 rounded' variant='primary'>
+                {button_message}
+              </Button>
+            )}
           </div>
         </div>
       </div>

src/components/input.tsx

@@ -1,3 +1,4 @@
+// @components/input.tsx
 import React, { useState } from 'react';
 
 export interface InputProps

src/components/table.tsx

@@ -1,3 +1,4 @@
+// @components/table.tsx
 import React, { useState, useMemo } from "react";
 import Pagination from "./pagination";