restructuring layout

This commit is contained in:
2025-09-26 16:56:07 -06:00
parent dce377b586
commit 3bd6d6b7c2
64 changed files with 187 additions and 195 deletions
@@ -1,42 +0,0 @@
"use client";
import { useState } from "react";
export default function Areas() {
const [tiempo, setTiempo] = useState("");
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
console.log("Equipo asignado con tiempo:", tiempo);
};
return (
<form className="containerForm" onSubmit={handleSubmit}>
<label className="label">Áreas disponibles</label>
<div className="groupInput">
<select value={tiempo} onChange={(e) => setTiempo(e.target.value)}>
<option value="">-- Áreas disponibles --</option>
<option value="15">PECERA</option>
<option value="30">JAULA</option>
<option value="45">HUACAL</option>
<option value="60">PCNET1</option>
<option value="90">PCNET2</option>
</select>
<div className="checkbox-grid">
<label>
<input type="checkbox" />
Activo
</label>
<label>
<input type="checkbox" />
Mantenimiento
</label>
</div>
<button className="button buttonSearch" type="submit">
Actualizar
</button>
</div>
</form>
);
}
@@ -1,33 +0,0 @@
"use client";
import { useState } from "react";
function Equipos() {
const [tiempo, setTiempo] = useState("");
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
console.log("Equipo asignado con tiempo:", tiempo);
};
return (
<form className="containerForm" onSubmit={handleSubmit}>
<label className="label">Equipos disponibles</label>
<div className="groupInput">
<select value={tiempo} onChange={(e) => setTiempo(e.target.value)}>
<option value="">-- Equipos disponibles --</option>
<option value="15">1</option>
<option value="30">2</option>
<option value="45">3</option>
<option value="60">4</option>
<option value="90">5</option>
<option value="120">6</option>
</select>
<button className="button buttonSearch" type="submit">
Asignar
</button>
</div>
</form>
);
}
export default Equipos;
@@ -1,37 +0,0 @@
"use client";
import { useState } from "react";
function Mesas() {
const [tiempo, setTiempo] = useState("");
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
console.log("Equipo asignado con tiempo:", tiempo);
};
return (
<form className="containerForm" onSubmit={handleSubmit}>
<label className="label">Mesas disponibles</label>
<div className="groupInput">
<select value={tiempo} onChange={(e) => setTiempo(e.target.value)}>
<option value="">-- Mesas disponibles --</option>
<option value="15">1</option>
<option value="30">4</option>
<option value="45">7</option>
<option value="60">10</option>
<option value="90">15</option>
</select>
<div className="checkbox">
<input type="checkbox" />
<label>Mantenimiento</label>
</div>
<button className="button buttonSearch" type="submit">
Confirmar
</button>
</div>
</form>
);
}
export default Mesas;