removed tipo de equipo and removed laboratorios and proyectos to periferico

src/app/(Administrador)/cambiarPass/page.tsx

@@ -4,7 +4,6 @@ import { useState } from "react";
 import axios from "axios";
 import toast from "react-hot-toast";
 import "../../styles/layout/ForgotPasswordPage.scss";
-import Link from "next/link";
 
 export default function Page() {
   const [nombre, setNombre] = useState("");

src/app/(Administrador)/crearCuenta/page.tsx

@@ -5,7 +5,6 @@ import "../../styles/layout/login.scss";
 import "../../styles/base/globales.scss";
 
 import axios from "axios";
-import { useRouter } from "next/navigation";
 import toast from "react-hot-toast";
 import Cookies from "js-cookie";
 

src/components/AgregarEquipo.tsx

@@ -615,41 +615,46 @@ export default function Page() {
 
           {/* Columna Derecha */}
           <div className="column">
-            {/* Laboratorio */}
-            <div className="formGroup">
-              <label>Laboratorio</label>
-              <select
-                value={formData.id_laboratorio ?? ""}
-                onChange={(e) =>
-                  handleInputChange("id_laboratorio", e.target.value)
-                }
-              >
-                <option value="">Selecciona un laboratorio</option>
-                {laboratorios.map((lab) => (
-                  <option key={lab.id_laboratorio} value={lab.id_laboratorio}>
-                    {lab.laboratorio}
-                  </option>
-                ))}
-              </select>
-            </div>
+            {mostrarCamposComputadora && (
+              <>
+                <div className="formGroup">
+                  <label>Laboratorio</label>
+                  <select
+                    value={formData.id_laboratorio ?? ""}
+                    onChange={(e) =>
+                      handleInputChange("id_laboratorio", e.target.value)
+                    }
+                  >
+                    <option value="">Selecciona un laboratorio</option>
+                    {laboratorios.map((lab) => (
+                      <option
+                        key={lab.id_laboratorio}
+                        value={lab.id_laboratorio}
+                      >
+                        {lab.laboratorio}
+                      </option>
+                    ))}
+                  </select>
+                </div>
 
-            {/* Proyecto */}
-            <div className="formGroup">
-              <label>Proyecto</label>
-              <select
-                value={formData.id_proyecto ?? ""}
-                onChange={(e) =>
-                  handleInputChange("id_proyecto", e.target.value)
-                }
-              >
-                <option value="">Selecciona un proyecto</option>
-                {proyectos.map((proy) => (
-                  <option key={proy.id_proyecto} value={proy.id_proyecto}>
-                    {proy.proyecto}
-                  </option>
-                ))}
-              </select>
-            </div>
+                <div className="formGroup">
+                  <label>Proyecto</label>
+                  <select
+                    value={formData.id_proyecto ?? ""}
+                    onChange={(e) =>
+                      handleInputChange("id_proyecto", e.target.value)
+                    }
+                  >
+                    <option value="">Selecciona un proyecto</option>
+                    {proyectos.map((proy) => (
+                      <option key={proy.id_proyecto} value={proy.id_proyecto}>
+                        {proy.proyecto}
+                      </option>
+                    ))}
+                  </select>
+                </div>
+              </>
+            )}
 
             {/* Lugar */}
             <div className="formGroup">

src/components/Editar.tsx

@@ -95,7 +95,9 @@ export default function Editar() {
   const [tiposEquipo, setTiposEquipo] = useState<TipoEquipo[]>([]);
   const [laboratorios, setLaboratorios] = useState<Laboratorio[]>([]);
   const [proyectos, setProyectos] = useState<Proyecto[]>([]);
-  const [sistemasOperativos, setSistemasOperativos] = useState<SistemaOperativo[]>([]);
+  const [sistemasOperativos, setSistemasOperativos] = useState<
+    SistemaOperativo[]
+  >([]);
   const [procesadores, setProcesadores] = useState<Procesador[]>([]);
   const [perifericos, setPerifericos] = useState<Perifericos[]>([]);
   const [adscripcionLabel, setAdscripcionLabel] = useState("");
@@ -193,12 +195,12 @@ export default function Editar() {
       marca: { id_marca: number; marca: string };
       periferico: { id_periferico: number; periferico: string };
       observaciones?: string;
-      laboratorio:{
+      laboratorio: {
         id_laboratorio?: number;
-      }
-      proyecto:{
+      };
+      proyecto: {
         id_proyecto?: number;
-      }
+      };
     }
 
     const fetchEquipo = async () => {
@@ -256,8 +258,20 @@ export default function Editar() {
 
         setAdscripcionLabel(equipo.adscripcion?.adscripcion);
         setId(equipo.id_equipo);
-      } catch (error) {
-        console.error("Error al obtener el equipo:", error);
+      } catch (err) {
+        if (axios.isAxiosError(err)) {
+          if (err.response) {
+            toast.error(
+              err.response.data?.message || "Error al crear la cuenta"
+            );
+          } else if (err.request) {
+            toast.error("No se pudo conectar con el servidor");
+          } else {
+            toast.error("Ocurrió un error inesperado");
+          }
+        } else {
+          toast.error("Ocurrió un error inesperado");
+        }
         toast.error("No se pudo cargar la información del equipo.");
       }
     };
@@ -334,7 +348,8 @@ export default function Editar() {
       return;
     }
 
-    {/*if (!formData.id_laboratorio) {
+    {
+      /*if (!formData.id_laboratorio) {
       toast.error("Laboratorio no seleccionado");
       return;
     }
@@ -342,7 +357,8 @@ export default function Editar() {
     if (!formData.id_proyecto) {
       toast.error("Proyecto no seleccionado");
       return;
-    }*/}
+    }*/
+    }
 
     if (formData.id_tipo_equipo == 9) {
       if (!formData.id_periferico) {
@@ -381,7 +397,7 @@ export default function Editar() {
       lugar: formData.lugar,
       id_sistema_operativo: formData.id_sistema_operativo,
       id_tipo_uso: formData.id_uso,
-      id_periferico:formData.id_periferico,
+      id_periferico: formData.id_periferico,
       serie: formData.serie,
       modelo: formData.modelo,
       id_marca: formData.id_marca,
@@ -466,7 +482,9 @@ export default function Editar() {
           const first = data[0];
           setFormData((prev) => ({
             ...prev,
-            responsable: `${first.nombre ?? ""} ${first.apellidos ?? ""}`.trim(),
+            responsable: `${first.nombre ?? ""} ${
+              first.apellidos ?? ""
+            }`.trim(),
           }));
         } else {
           toast.error(
@@ -553,7 +571,7 @@ export default function Editar() {
               />
             </div>
 
-            <div className="formGroup">
+            {/* <div className="formGroup">
               <label>Tipo de equipo</label>
               <select
                 style={{ background: "#f6f7f9" }}
@@ -571,7 +589,7 @@ export default function Editar() {
                   </option>
                 ))}
               </select>
-            </div>
+            </div> */}
 
             <div className="formGroup">
               <label>Estado</label>
@@ -592,9 +610,7 @@ export default function Editar() {
                 ))}
               </select>
             </div>
-            
           </div>
-          
 
           {/* Columna 2 */}
           <div className="column">
@@ -731,39 +747,46 @@ export default function Editar() {
                 placeholder="Selecciona una Adscripción"
               />
             </div>
-            <div className="formGroup">
-              <label>Laboratorio</label>
-              <select
-                value={formData.id_laboratorio}
-                onChange={(e) => handleInputChange("id_laboratorio", e.target.value)}
-              >
-                <option value="">Selecciona laboratorio</option>
-                {laboratorios.map((lab) => (
-                  <option key={lab.id_laboratorio} value={lab.id_laboratorio}>
-                    {lab.laboratorio}
-                  </option>
-                ))}
-              </select>
-            </div>
-            
+            {mostrarCamposComputadora && (
+              <div className="formGroup">
+                <label>Laboratorio</label>
+                <select
+                  value={formData.id_laboratorio}
+                  onChange={(e) =>
+                    handleInputChange("id_laboratorio", e.target.value)
+                  }
+                >
+                  <option value="">Selecciona laboratorio</option>
+                  {laboratorios.map((lab) => (
+                    <option key={lab.id_laboratorio} value={lab.id_laboratorio}>
+                      {lab.laboratorio}
+                    </option>
+                  ))}
+                </select>
+              </div>
+            )}
           </div>
 
           {/* Columna 3 */}
           <div className="column">
-            <div className="formGroup">
-              <label>Proyecto</label>
-              <select
-                value={formData.id_proyecto}
-                onChange={(e) => handleInputChange("id_proyecto", e.target.value)}
-              >
-                <option value="">Selecciona proyecto</option>
-                {proyectos.map((proy) => (
-                  <option key={proy.id_proyecto} value={proy.id_proyecto}>
-                    {proy.proyecto}
-                  </option>
-                ))}
-              </select>
-            </div>
+            {mostrarCamposComputadora && (
+              <div className="formGroup">
+                <label>Proyecto</label>
+                <select
+                  value={formData.id_proyecto}
+                  onChange={(e) =>
+                    handleInputChange("id_proyecto", e.target.value)
+                  }
+                >
+                  <option value="">Selecciona proyecto</option>
+                  {proyectos.map((proy) => (
+                    <option key={proy.id_proyecto} value={proy.id_proyecto}>
+                      {proy.proyecto}
+                    </option>
+                  ))}
+                </select>
+              </div>
+            )}
             <div className="formGroup">
               <label>Lugar</label>
               <textarea
@@ -811,4 +834,4 @@ export default function Editar() {
       </div>
     </div>
   );
-}
+}

src/components/Equipo_Computo/pregunta10.css

@@ -62,7 +62,7 @@
 }
 
 .input-contenedor input {
-  width: 40%;
+  width: 60%;
   padding: 6px;
   border: 2px solid #003e79;
   border-radius: 6px;