From 71296811b587014ba10c1d60c93e0cd9e774e504 Mon Sep 17 00:00:00 2001
From: CarlosssFlores <307100636@pcpuma.acatlan.unam.mx>
Date: Wed, 24 Sep 2025 15:46:04 -0600
Subject: [PATCH] new view

---
 .example.txt                       |   1 -
 app/Components/Equipos/equipos.tsx | 101 +++++++++++++++++++++--------
 2 files changed, 73 insertions(+), 29 deletions(-)
 delete mode 100644 .example.txt

diff --git a/.example.txt b/.example.txt
deleted file mode 100644
index 4b73e25..0000000
--- a/.example.txt
+++ /dev/null
@@ -1 +0,0 @@
-NEXT_PUBLIC_API_URL=
\ No newline at end of file
diff --git a/app/Components/Equipos/equipos.tsx b/app/Components/Equipos/equipos.tsx
index 1b0079f..122a384 100644
--- a/app/Components/Equipos/equipos.tsx
+++ b/app/Components/Equipos/equipos.tsx
@@ -1,39 +1,84 @@
+"use client";
+import axios from "axios";
+import { envConfig } from "@/app/lib/config";
+import { useState } from "react";
+
+interface Data {
+  nombre_equipo: string;
+  id_equipo: number;
+  id_plataforma: number;
+  id_area_ubicacion: number;
+}
+
 export default function Equipos() {
+  const [Equipo, setEquipo] = useState("");
+  const [Data, setData] = useState<Data | any>();
+
+  const handleSubmit = async () => {
+    const response = await axios.get(
+      `${envConfig.apiUrl}/InformacionEquipo/${Equipo}`
+    );
+
+    if (!response) {
+      return;
+    }
+
+    setData(response);
+  };
+
   return (
     <form className="containerForm">
       <div className="groupInput">
-        <input type="text" />
-        <button className="button buttonSearch">Buscar</button>
+        <input
+          placeholder="text"
+          value={Equipo}
+          onChange={(e) => {
+            setEquipo(e.target.value);
+          }}
+        />
+
+        <button className="button buttonSearch" onClick={handleSubmit}>
+          Buscar
+        </button>
       </div>
-      <label className="label">Ubicacion</label>
-      <input type="text" placeholder="Coloca" />
 
-      <label className="label">Nombre</label>
-      <input type="text" placeholder="Coloca " />
+      {Data && (
+        <div>
+          <label className="label">Ubicacion</label>
+          <input
+            type="text"
+            placeholder="Coloca"
+            value={Data.id_area_ubicacion}
+          />
 
-      <label className="label">Plataforma</label>
-      <select>
-        <option value="0">Elige</option>
-        <option value="1">2</option>
-        <option value="2">3</option>
-        <option value="3">4</option>
-        <option value="4">5</option>
-        <option value="5">6</option>
-      </select>
+          <label className="label">Nombre</label>
+          <input type="text" placeholder="Coloca " value={Data.nombre_equipo} />
 
-      <label className="label">Area Ubicacion</label>
-      <select>
-        <option value="0">Elige</option>
-        <option value="1">mmmmm</option>
-        <option value="2">mmmmm</option>
-        <option value="3">mmmmm</option>
-        <option value="4">mmmmm</option>
-        <option value="5">mmmmm</option>
-      </select>
-      <div className="containerButton">
-        <button className="button buttonSearch">Nuevo</button>
-        <button className="button buttonSearch">Editar</button>
-      </div>
+          <label className="label">Plataforma</label>
+          <select>
+            <option value="0">Elige</option>
+            <option value="1">2</option>
+            <option value="2">3</option>
+            <option value="3">4</option>
+            <option value="4">5</option>
+            <option value="5">6</option>
+          </select>
+
+          <label className="label">Area Ubicacion</label>
+          <select>
+            <option value="0">Elige</option>
+            <option value="1">mmmmm</option>
+            <option value="2">mmmmm</option>
+            <option value="3">mmmmm</option>
+            <option value="4">mmmmm</option>
+            <option value="5">mmmmm</option>
+          </select>
+          <div className="containerButton">
+            <button className="button buttonSearch">Nuevo</button>
+            <button className="button buttonSearch">Editar</button>
+          </div>
+        </div>
+      )}
     </form>
   );
 }