From 7eb400a3d1f00605c841d7a1a616e20a5d176728 Mon Sep 17 00:00:00 2001
From: IO420 <320154041@pcpuma.acatlan.unam.mx>
Date: Tue, 2 Dec 2025 09:29:15 -0600
Subject: [PATCH] fixed order

---
 src/components/Editar.tsx | 74 ++++++++++++++++++++++++++-------------
 1 file changed, 50 insertions(+), 24 deletions(-)

diff --git a/src/components/Editar.tsx b/src/components/Editar.tsx
index 50c0b04..251c118 100644
--- a/src/components/Editar.tsx
+++ b/src/components/Editar.tsx
@@ -566,7 +566,10 @@ export default function Editar() {
                 value={formData.modelo}
                 placeholder="Ingresa modelo"
                 onChange={(e) =>
-                  setFormData({ ...formData, modelo: e.target.value.toUpperCase() })
+                  setFormData({
+                    ...formData,
+                    modelo: e.target.value.toUpperCase(),
+                  })
                 }
               />
             </div>
@@ -610,19 +613,20 @@ export default function Editar() {
                 ))}
               </select>
             </div>
+
             {mostrarCamposComputadora && (
               <div className="formGroup">
-                <label>Laboratorio</label>
+                <label>Tipo de uso</label>
                 <select
-                  value={formData.id_laboratorio}
+                  value={formData.id_uso}
                   onChange={(e) =>
-                    handleInputChange("id_laboratorio", e.target.value)
+                    setFormData({ ...formData, id_uso: Number(e.target.value) })
                   }
                 >
-                  <option value="">Selecciona laboratorio</option>
-                  {laboratorios.map((lab) => (
-                    <option key={lab.id_laboratorio} value={lab.id_laboratorio}>
-                      {lab.laboratorio}
+                  <option value="">Selecciona uso</option>
+                  {tiposUso.map((t) => (
+                    <option key={t.id_uso} value={t.id_uso}>
+                      {t.tipo_uso}
                     </option>
                   ))}
                 </select>
@@ -632,22 +636,25 @@ export default function Editar() {
 
           {/* Columna 2 */}
           <div className="column">
-            <div className="formGroup">
-              <label>Tipo de uso</label>
-              <select
-                value={formData.id_uso}
-                onChange={(e) =>
-                  setFormData({ ...formData, id_uso: Number(e.target.value) })
-                }
-              >
-                <option value="">Selecciona uso</option>
-                {tiposUso.map((t) => (
-                  <option key={t.id_uso} value={t.id_uso}>
-                    {t.tipo_uso}
-                  </option>
-                ))}
-              </select>
-            </div>
+            {!mostrarCamposComputadora && (
+              <div className="formGroup">
+                <label>Tipo de uso</label>
+                <select
+                  value={formData.id_uso}
+                  onChange={(e) =>
+                    setFormData({ ...formData, id_uso: Number(e.target.value) })
+                  }
+                >
+                  <option value="">Selecciona uso</option>
+                  {tiposUso.map((t) => (
+                    <option key={t.id_uso} value={t.id_uso}>
+                      {t.tipo_uso}
+                    </option>
+                  ))}
+                </select>
+              </div>
+            )}
+            
             {mostrarCamposComputadora && (
               <>
                 <div className="formGroup">
@@ -765,6 +772,25 @@ export default function Editar() {
                 placeholder="Selecciona una Adscripción"
               />
             </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 */}