Arreglo en la logica de trabajos

Author: Jm9710

frontend/src/components/AgregarTrabajos.jsx

@@ -30,8 +30,9 @@ const AgregarTrabajos = () => {
   const [selectedPlanilla, setSelectedPlanilla] = useState("");
   const [clientes, setClientes] = useState([]);
 
-  const apiUrl = process.env.BACKEND_URL || 'https://app-agenda-sdc-backend.onrender.com';
-  
+  const apiUrl =
+    process.env.BACKEND_URL || "https://app-agenda-sdc-backend.onrender.com";
+
   useEffect(() => {
     const fetchClientes = async () => {
       try {
@@ -48,9 +49,7 @@ const AgregarTrabajos = () => {
     };
     const fetchPlanillas = async () => {
       try {
-        const response = await fetch(
-          `${apiUrl}/api/tipo_de_trabajos`
-        );
+        const response = await fetch(`${apiUrl}/api/tipo_de_trabajos`);
         if (!response.ok) {
           throw new Error(`HTTP error! Status: ${response.status}`);
         }
@@ -64,9 +63,7 @@ const AgregarTrabajos = () => {
 
     const fetchUltimoNumeroTrabajo = async () => {
       try {
-        const response = await fetch(
-          `${apiUrl}/api/ultimo_numero_trabajo`
-        );
+        const response = await fetch(`${apiUrl}/api/ultimo_numero_trabajo`);
         if (!response.ok) {
           throw new Error(`HTTP error! Status: ${response.status}`);
         }
@@ -351,25 +348,26 @@ const AgregarTrabajos = () => {
               onChange={(e) => setDepto(e.target.value)}
             >
               <option>Seleccione un departamento</option>
-              <option value={"Rocha"}>Rocha</option>
-              <option value={"Artigas"}>Artigas</option>
-              <option value={"Canelones"}>Canelones</option>
-              <option value={"Cerro Largo"}>Cerro Largo</option>
-              <option value={"Colonia"}>Colonia</option>
-              <option value={"Durazno"}>Durazno</option>
-              <option value={"Flores"}>Flores</option>
-              <option value={"Florida"}>Florida</option>
-              <option value={"Lavalleja"}>Lavalleja</option>
-              <option value={"Maldonado"}>Maldonado</option>
-              <option value={"Montevideo"}>Montevideo</option>
-              <option value={"Paysandu"}>Paysandu</option>
-              <option value={"Rio Negro"}>Rio Negro</option>
-              <option value={"Rivera"}>Rivera</option>
-              <option value={"Salto"}>Salto</option>
-              <option value={"San Jose"}>San Jose</option>
-              <option value={"Soriano"}>Soriano</option>
-              <option value={"Tacuarembo"}>Tacuarembo</option>
-              <option value={"Treinta y Tres"}>Treinta y Tres</option>
+              <option value="">Seleccione un departamento</option>
+              <option value="Rocha">Rocha</option>
+              <option value="Artigas">Artigas</option>
+              <option value="Canelones">Canelones</option>
+              <option value="Cerro Largo">Cerro Largo</option>
+              <option value="Colonia">Colonia</option>
+              <option value="Durazno">Durazno</option>
+              <option value="Flores">Flores</option>
+              <option value="Florida">Florida</option>
+              <option value="Lavalleja">Lavalleja</option>
+              <option value="Maldonado">Maldonado</option>
+              <option value="Montevideo">Montevideo</option>
+              <option value="Paysandu">Paysandu</option>
+              <option value="Rio Negro">Rio Negro</option>
+              <option value="Rivera">Rivera</option>
+              <option value="Salto">Salto</option>
+              <option value="San Jose">San Jose</option>
+              <option value="Soriano">Soriano</option>
+              <option value="Tacuarembo">Tacuarembo</option>
+              <option value="Treinta y Tres">Treinta y Tres</option>
             </select>
           </div>
 
@@ -399,7 +397,8 @@ const AgregarTrabajos = () => {
               <option value="">Selecciona un cliente</option>
               {clientes.map((clienteItem) => (
                 <option key={clienteItem.id} value={clienteItem.id}>
-                  {clienteItem.nombre} {clienteItem.apellido} {clienteItem.direccion}
+                  {clienteItem.nombre} {clienteItem.apellido}{" "}
+                  {clienteItem.direccion}
                 </option>
               ))}
             </select>