add get and post methods

src/pages/Connectivity.jsx

@@ -1,14 +1,11 @@
-// src/pages/Connectivity.jsx
 import React, { useState, useEffect } from 'react';
 import { get, post } from '../api';
 import PageLayout from '../components/PageLayout';
 
 const Connectivity = () => {
-  const [status, setStatus] = useState(null);
   const [loading, setLoading] = useState(true);
 
-  const [wifiConfig, setWifiConfig] = useState({ ssid: '', password: '' });
-  const [wifiNetworks, setWifiNetworks] = useState([]);
+  const [wifiConfig, setWifiConfig] = useState({ enabled: false, ssid: '', password: '' });
   const [wifiMsg, setWifiMsg] = useState('');
 
   const [mqttConfig, setMqttConfig] = useState({
@@ -21,45 +18,46 @@ const Connectivity = () => {
   });
   const [mqttMsg, setMqttMsg] = useState('');
 
+  // Carregar as configurações Wi-Fi e MQTT
   useEffect(() => {
     const load = async () => {
-      try {
-        const conn = await get('/api/v1/connectivity');
-        setStatus(conn);
-      } catch {
-        // ignore errors in demo
-      }
+
       try {
         const wifi = await get('/api/v1/config/wifi');
-        setWifiConfig(wifi);
-      } catch {}
-      try {
-        const list = await get('/api/v1/config/wifi/scan');
-        setWifiNetworks(list.networks || []);
-      } catch {}
+        setWifiConfig(wifi);  // Atualiza as configurações Wi-Fi
+      } catch (error) {
+        console.error('Erro ao carregar configurações Wi-Fi:', error);
+      }
+
       try {
         const mqtt = await get('/api/v1/config/mqtt');
-        setMqttConfig(mqtt);
-      } catch {}
-      setLoading(false);
+        setMqttConfig(mqtt);  // Atualiza as configurações MQTT
+      } catch (error) {
+        console.error('Erro ao carregar configurações MQTT:', error);
+      }
+
+      setLoading(false);  // Finaliza o carregamento
     };
+
     load();
   }, []);
 
+  // Salvar configuração Wi-Fi
   const saveWifi = async () => {
     try {
-      await post('/api/v1/config/wifi', wifiConfig);
+      await post('/api/v1/config/wifi', wifiConfig);  // Envia as configurações de Wi-Fi para o servidor
       setWifiMsg('Configuração Wi-Fi gravada!');
-    } catch {
+    } catch (error) {
       setWifiMsg('Erro ao gravar Wi-Fi.');
     }
   };
 
+  // Salvar configuração MQTT
   const saveMqtt = async () => {
     try {
-      await post('/api/v1/config/mqtt', mqttConfig);
+      await post('/api/v1/config/mqtt', mqttConfig);  // Envia as configurações de MQTT para o servidor
       setMqttMsg('Configuração MQTT gravada!');
-    } catch {
+    } catch (error) {
       setMqttMsg('Erro ao gravar MQTT.');
     }
   };
@@ -69,19 +67,24 @@ const Connectivity = () => {
       {loading ? (
         <p>A carregar...</p>
       ) : (
-        <>
-          {status && (
-            <div>
-              <h2>Status Atual</h2>
-              <p>Wi-Fi: {status.wifi.status} ({status.wifi.ssid})</p>
-              <p>MQTT: {status.mqtt.status} - {status.mqtt.broker}:{status.mqtt.port}</p>
-            </div>
-          )}
+
 
           <h2 className="text-xl font-semibold mt-4">Configuração Wi-Fi</h2>
           {wifiMsg && <div className="p-2 bg-gray-200 rounded mb-2">{wifiMsg}</div>}
           <form className="flex flex-col gap-4" onSubmit={e => { e.preventDefault(); saveWifi(); }}>
 
+
+          <div>
+              <label className="flex items-center gap-2">
+                Ativar WIFI
+                <input
+                  type="checkbox"
+                  checked={wifiConfig.enabled}
+                  onChange={e => setMqttConfig({ ...wifiConfig, enabled: e.target.checked })}
+                />
+              </label>
+            </div>
+
             <div>
               <label className="block mb-1" htmlFor="wifi-ssid">SSID:</label>
               <input
@@ -93,7 +96,6 @@ const Connectivity = () => {
               />
             </div>
 
-
             <div>
               <label className="block mb-1" htmlFor="wifi-password">Palavra-passe:</label>
               <input
@@ -178,6 +180,7 @@ const Connectivity = () => {
                 onChange={e => setMqttConfig({ ...mqttConfig, topic: e.target.value })}
               />
             </div>
+
             <div>
               <button className="bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700" type="submit">Guardar</button>
             </div>