Merge branch 'Bradley'
This commit is contained in:
@@ -5,7 +5,7 @@ import NPEDFields from "./NPEDFields";
|
||||
const NPEDCard = () => {
|
||||
return (
|
||||
<Card>
|
||||
<CardHeader title={"NPED Config"} />
|
||||
<CardHeader title={"NPED Config"} img={"/NPED.jpg"} />
|
||||
<NPEDFields />
|
||||
</Card>
|
||||
);
|
||||
|
||||
15
src/components/SettingForms/System/Reboots.tsx
Normal file
15
src/components/SettingForms/System/Reboots.tsx
Normal file
@@ -0,0 +1,15 @@
|
||||
export async function handleSoftReboot() {
|
||||
const response = await fetch(
|
||||
`http://192.168.75.11/api/restart-flexiai`
|
||||
);
|
||||
if (!response.ok) throw new Error("Failed to Software Reboot");
|
||||
else alert("Software reboot triggered!");
|
||||
}
|
||||
|
||||
export async function handleHardReboot() {
|
||||
const response = await fetch(
|
||||
`http://192.168.75.11/api/restart-hardware`
|
||||
);
|
||||
if (!response.ok) throw new Error("Failed to Hardware Reboot");
|
||||
else alert("Hardware reboot triggered!");
|
||||
}
|
||||
74
src/components/SettingForms/System/SettingSaveRecall.tsx
Normal file
74
src/components/SettingForms/System/SettingSaveRecall.tsx
Normal file
@@ -0,0 +1,74 @@
|
||||
export async function handleSystemSave(deviceName: string, sntpServer: string, sntpInterval: number, timeZone: string) {
|
||||
const payload = { // Build JSON
|
||||
id: "GLOBAL--Device",
|
||||
fields: [
|
||||
{ property: "propDeviceName", value: deviceName },
|
||||
{ property: "propSNTPServer", value: sntpServer },
|
||||
{ property: "propSNTPIntervalMinutes", value: Number(sntpInterval) },
|
||||
{ property: "propLocalTimeZone", value: timeZone }
|
||||
]
|
||||
};
|
||||
|
||||
try {
|
||||
const response = await fetch("http://192.168.75.11/api/update-config", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
"Accept": "application/json"
|
||||
},
|
||||
body: JSON.stringify(payload)
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
const text = await response.text().catch(() => "");
|
||||
throw new Error(`HTTP ${response.status} ${response.statusText}${text ? ` - ${text}` : ""}`);
|
||||
}
|
||||
|
||||
alert("System Settings Saved Successfully!");
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
}
|
||||
}
|
||||
|
||||
export async function handleSystemRecall() {
|
||||
const url = "http://192.168.75.11/api/fetch-config?id=GLOBAL--Device";
|
||||
|
||||
const controller = new AbortController();
|
||||
const timeoutId = setTimeout(() => controller.abort(), 7000);
|
||||
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: "GET",
|
||||
headers: { "Accept": "application/json" },
|
||||
signal: controller.signal
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
const text = await response.text().catch(() => "");
|
||||
throw new Error(`HTTP ${response.status} ${response.statusText}${text ? ` - ${text}` : ""}`);
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
const deviceName = data?.propDeviceName?.value ?? null;
|
||||
const sntpServer = data?.propSNTPServer?.value ?? null;
|
||||
const timeZone = data?.propLocalTimeZone?.value ?? null;
|
||||
|
||||
let sntpIntervalRaw = data?.propSNTPIntervalMinutes?.value;
|
||||
let sntpInterval =
|
||||
typeof sntpIntervalRaw === "number"
|
||||
? sntpIntervalRaw
|
||||
: Number.parseInt(String(sntpIntervalRaw).trim(), 10);
|
||||
|
||||
if (!Number.isFinite(sntpInterval)) {
|
||||
sntpInterval = 60;
|
||||
}
|
||||
|
||||
return { deviceName, sntpServer, sntpInterval, timeZone };
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
return null;
|
||||
} finally {
|
||||
clearTimeout(timeoutId);
|
||||
}
|
||||
}
|
||||
219
src/components/SettingForms/System/SystemCard.tsx
Normal file
219
src/components/SettingForms/System/SystemCard.tsx
Normal file
@@ -0,0 +1,219 @@
|
||||
import React from "react";
|
||||
import { useEffect } from "react"
|
||||
import Card from "../../UI/Card";
|
||||
import CardHeader from "../../UI/CardHeader";
|
||||
import FormGroup from "../components/FormGroup";
|
||||
import { sendBlobFileUpload } from "./Upload";
|
||||
import { handleSoftReboot, handleHardReboot } from "./Reboots.tsx";
|
||||
import { handleSystemRecall, handleSystemSave } from "./SettingSaveRecall.tsx";
|
||||
|
||||
const SystemCard = () => {
|
||||
const [deviceName, setDeviceName] = React.useState("");
|
||||
const [timeZone, setTimeZone] = React.useState("Europe/London (UTC+00:00");
|
||||
const [sntpServer, setSntpServer] = React.useState("1.uk.pool.ntp.org");
|
||||
const [sntpInterval, setSntpInterval] = React.useState(60);
|
||||
const [selectedFile, setSelectedFile] = React.useState<File | null>(null);
|
||||
const [error, setError] = React.useState("");
|
||||
|
||||
useEffect(() => {
|
||||
(async () => {
|
||||
const result = await handleSystemRecall(); // returns { deviceName, sntpServer, sntpInterval, timeZone } | null
|
||||
if (result) {
|
||||
const {
|
||||
deviceName: dn,
|
||||
sntpServer: ss,
|
||||
sntpInterval: si,
|
||||
timeZone: tz
|
||||
} = result;
|
||||
|
||||
setDeviceName(dn ?? "");
|
||||
setSntpServer(ss ?? "");
|
||||
setSntpInterval(Number.isFinite(si) ? si : 60);
|
||||
setTimeZone(tz ?? "UTC (UTC-00)");
|
||||
}
|
||||
})();
|
||||
}, []);
|
||||
|
||||
const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
||||
const file = e.target.files?.[0] ?? null;
|
||||
setSelectedFile(file);
|
||||
if (!file) {
|
||||
setError("No file selected.");
|
||||
return;
|
||||
}
|
||||
|
||||
if (file.size > 8 * 1024 * 1024) {
|
||||
setError("File is too large (max 8MB).");
|
||||
setSelectedFile(null);
|
||||
return
|
||||
};
|
||||
setError("");
|
||||
}
|
||||
|
||||
const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
|
||||
e.preventDefault(); // prevent full page reload
|
||||
if (!selectedFile) {
|
||||
setError("Please select a file before uploading.");
|
||||
return;
|
||||
}
|
||||
setError("");
|
||||
|
||||
const result = await sendBlobFileUpload( selectedFile, {
|
||||
timeoutMs: 30000,
|
||||
fieldName: "upload",
|
||||
});
|
||||
|
||||
// The helper returns a string (either success body or formatted error)
|
||||
// You can decide how to distinguish. Here, we show it optimistically and let the text speak.
|
||||
if (result.startsWith("Server returned") || result.startsWith("Timeout") || result.startsWith("HTTP error") || result.startsWith("Unexpected error")) {
|
||||
setError(result);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<Card className="flex flex-col items-center justify-center">
|
||||
<CardHeader title={"System Config"} />
|
||||
<div className="flex flex-col gap-4 w-full items-left max-w-md">
|
||||
<FormGroup>
|
||||
<label htmlFor="deviceName" className="font-medium whitespace-nowrap md:w-1/2 text-left">Device Name</label>
|
||||
<div className="flex-1 flex justify-end md:w-2/3">
|
||||
<input
|
||||
id="deviceName"
|
||||
name="deviceName"
|
||||
type="text"
|
||||
className="p-2 border border-gray-400 rounded-lg w-full max-w-xs"
|
||||
placeholder="Enter device name"
|
||||
value={deviceName}
|
||||
onChange={e => setDeviceName(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
</FormGroup>
|
||||
<FormGroup>
|
||||
<label htmlFor="timeZone" className="font-medium whitespace-nowrap md:w-1/2 text-left">Local Time Zone</label>
|
||||
<div className="flex-1 flex justify-end md:w-2/3">
|
||||
<select
|
||||
id="timeZone"
|
||||
name="timeZone"
|
||||
className="p-2 border border-gray-400 rounded-lg text-white bg-[#253445] w-full max-w-xs"
|
||||
value={timeZone}
|
||||
onChange={e => setTimeZone(e.target.value)}
|
||||
>
|
||||
<option value="">Select Time Zone</option>
|
||||
<option value="Europe/London (UTC+00)">UTC (UTC+00)</option>
|
||||
<option value="Africa/Cairo (UTC+02)">Africa/Cairo (UTC+02)</option>
|
||||
<option value="Africa/Johannesburg (UTC+02)">Africa/Johannesburg (UTC+02)</option>
|
||||
<option value="Africa/Lagos (UTC+01)">Africa/Lagos (UTC+01)</option>
|
||||
<option value="Africa/Monrousing (UTC+00)">Africa/Monrousing (UTC+00)</option>
|
||||
<option value="America/Anchorage (UTC-09)">America/Anchorage (UTC-09)</option>
|
||||
<option value="America/Chicago (UTC-06)">America/Chicago (UTC-06)</option>
|
||||
<option value="America/Denver (UTC-07)">America/Denver (UTC-07)</option>
|
||||
<option value="America/Edmonton (UTC-07)">America/Edmonton (UTC-07)</option>
|
||||
<option value="America/Jamaica (UTC-05)">America/Jamaica (UTC-05)</option>
|
||||
<option value="America/Los Angeles (UTC-08)">America/Los Angeles (UTC-08)</option>
|
||||
<option value="America/Mexico City (UTC-06)">America/Mexico City (UTC-06)</option>
|
||||
<option value="America/Montreal (UTC-05)">America/Montreal (UTC-05)</option>
|
||||
<option value="America/New York (UTC-05)">America/New York (UTC-05)</option>
|
||||
<option value="America/Phoenix (UTC-07)">America/Phoenix (UTC-07)</option>
|
||||
<option value="America/Puerto Rico (UTC-04)">America/Puerto Rico (UTC-04)</option>
|
||||
<option value="America/Sao Paulo (UTC-03)">America/Sao Paulo (UTC-03)</option>
|
||||
<option value="America/Toronto (UTC-05)">America/Toronto (UTC-05)</option>
|
||||
<option value="America/Vancouver (UTC-08)">America/Vancouver (UTC-08)</option>
|
||||
<option value="Asia/Hong Kong (UTC+08)">Asia/Hong Kong (UTC+08)</option>
|
||||
<option value="Asia/Jerusalem (UTC+02)">Asia/Jerusalem (UTC+02)</option>
|
||||
<option value="Asia/Manila (UTC+08)">Asia/Manila (UTC+08)</option>
|
||||
<option value="Asia/Seoul (UTC+09)">Asia/Seoul (UTC+09)</option>
|
||||
<option value="Asia/Tokyo (UTC+09)">Asia/Tokyo (UTC+09)</option>
|
||||
<option value="Atlantic/Reykjavik (UTC+00)">Atlantic/Reykjavik (UTC+00)</option>
|
||||
<option value="Australia/Perth (UTC+08)">Australia/Perth (UTC+08)</option>
|
||||
<option value="Australia/Sydney (UTC+10)">Australia/Sydney (UTC+10)</option>
|
||||
<option value="Europe/Athens (UTC+02)">Europe/Athens (UTC+02)</option>
|
||||
<option value="Europe/Berlin (UTC+01)">Europe/Berlin (UTC+01)</option>
|
||||
<option value="Europe/Brussels (UTC+01)">Europe/Brussels (UTC+01)</option>
|
||||
<option value="Europe/Copenhagen (UTC+01)">Europe/Copenhagen (UTC+01)</option>
|
||||
<option value="Europe/London (UTC+00)">Europe/London (UTC+00)</option>
|
||||
<option value="Europe/Madrid (UTC+01)">Europe/Madrid (UTC+01)</option>
|
||||
<option value="Europe/Moscow (UTC+04)">Europe/Moscow (UTC+04)</option>
|
||||
<option value="Europe/Paris (UTC+01)">Europe/Paris (UTC+01)</option>
|
||||
<option value="Europe/Prague (UTC+01)">Europe/Prague (UTC+01)</option>
|
||||
<option value="Europe/Rome (UTC+01)">Europe/Rome (UTC+01)</option>
|
||||
<option value="Europe/Warsaw (UTC+01)">Europe/Warsaw (UTC+01)</option>
|
||||
<option value="Pacific/Guam (UTC+10)">Pacific/Guam (UTC+10)</option>
|
||||
<option value="Pacific/Honolulu (UTC-10)">Pacific/Honolulu (UTC-10)</option>
|
||||
</select>
|
||||
</div>
|
||||
</FormGroup>
|
||||
<FormGroup>
|
||||
<label htmlFor="sntpServer" className="font-medium whitespace-nowrap md:w-1/2 text-left">SNTP Server</label>
|
||||
<div className="flex-1 flex justify-end md:w-2/3">
|
||||
<input
|
||||
id="sntpServer"
|
||||
name="sntpServer"
|
||||
type="text"
|
||||
className="p-2 border border-gray-400 rounded-lg w-full max-w-xs"
|
||||
placeholder="Enter SNTP server address"
|
||||
value={sntpServer}
|
||||
onChange={e => setSntpServer(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
</FormGroup>
|
||||
<FormGroup>
|
||||
<label htmlFor="sntpInterval" className="font-medium whitespace-nowrap md:w-1/2 text-left">SNTP Interval minutes</label>
|
||||
<div className="flex-1 flex justify-end md:w-2/3">
|
||||
<input
|
||||
id="sntpInterval"
|
||||
name="sntpInterval"
|
||||
type="number"
|
||||
min={1}
|
||||
className="p-2 border border-gray-400 rounded-lg w-full max-w-xs"
|
||||
value={sntpInterval}
|
||||
onChange={e => setSntpInterval(Number(e.target.value))}
|
||||
/>
|
||||
</div>
|
||||
</FormGroup>
|
||||
<button
|
||||
className="bg-[#26B170] text-white px-4 py-2 rounded hover:bg-green-700 transition w-full max-w-md"
|
||||
onClick={() => handleSystemSave(deviceName, sntpServer, sntpInterval, timeZone)}
|
||||
>
|
||||
Save System Settings
|
||||
</button>
|
||||
<div className="py-8 w-full">
|
||||
<form onSubmit={handleSubmit} className="flex flex-col items-center gap-2 w-full">
|
||||
<FormGroup>
|
||||
<div className="flex-1 flex justify-end md:w-2/3">
|
||||
<input
|
||||
type="file"
|
||||
name="softwareUpdate"
|
||||
id="softwareUpdate"
|
||||
className="file:px-10 file:border file:border-gray-500 file:rounded-lg file:bg-blue-800 file:mr-5 w-full max-w-xs"
|
||||
onChange={handleFileChange}
|
||||
/>
|
||||
</div>
|
||||
</FormGroup>
|
||||
<button
|
||||
type="submit"
|
||||
className="w-full max-w-md text-white bg-[#26B170] hover:bg-green-700 font-small rounded-lg text-sm px-2 py-2.5 disabled:opacity-50 disabled:cursor-not-allowed"
|
||||
disabled={!selectedFile}
|
||||
>
|
||||
Upload Software Update
|
||||
</button>
|
||||
{error && <p className="text-red-500 text-sm">{error}</p>}
|
||||
</form>
|
||||
</div>
|
||||
<button
|
||||
className="bg-red-600 text-white px-4 py-2 rounded hover:bg-red-700 transition w-full max-w-md"
|
||||
onClick={handleSoftReboot}
|
||||
>
|
||||
Software Reboot
|
||||
</button>
|
||||
<button
|
||||
className="bg-red-600 text-white px-4 py-2 rounded hover:bg-red-700 transition w-full max-w-md"
|
||||
onClick={handleHardReboot}
|
||||
>
|
||||
Hardware Reboot
|
||||
</button>
|
||||
</div>
|
||||
</Card>
|
||||
);
|
||||
};
|
||||
|
||||
export default SystemCard;
|
||||
42
src/components/SettingForms/System/Upload.tsx
Normal file
42
src/components/SettingForms/System/Upload.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
// CORS (server missing Access-Control-Allow-* headers)??
|
||||
export async function sendBlobFileUpload(
|
||||
file: File,
|
||||
opts?: { timeoutMs?: number; fieldName?: string; overrideFileName?: string }
|
||||
): Promise<string> {
|
||||
const timeoutMs = opts?.timeoutMs ?? 30000;
|
||||
const fieldName = opts?.fieldName ?? "upload";
|
||||
const fileName = opts?.overrideFileName ?? file.name;
|
||||
|
||||
const controller = new AbortController();
|
||||
const timeout = setTimeout(() => controller.abort(), timeoutMs);
|
||||
|
||||
try {
|
||||
const form = new FormData();
|
||||
form.append(fieldName, file, fileName);
|
||||
|
||||
const resp = await fetch('http://192.168.75.11/upload/software-update/2', {
|
||||
method: "POST",
|
||||
body: form,
|
||||
signal: controller.signal,
|
||||
redirect: "follow",
|
||||
});
|
||||
|
||||
const bodyText = await resp.text();
|
||||
|
||||
if (!resp.ok) {
|
||||
return `Server returned ${resp.status}: ${resp.statusText}. Details: ${bodyText}`;
|
||||
}
|
||||
return bodyText;
|
||||
} catch (err: any) {
|
||||
if (err?.name === "AbortError") {
|
||||
return `Timeout uploading to /upload/software-update/2.`;
|
||||
}
|
||||
// In browsers, fetch throws TypeError on network-level failures
|
||||
if (err instanceof TypeError) {
|
||||
return `HTTP error uploading to /upload/software-update/2: ${err.message}`;
|
||||
}
|
||||
return `Unexpected error uploading to /upload/software-update/2: ${err?.message ?? String(err)} ${err?.cause ?? ""}`;
|
||||
} finally {
|
||||
clearTimeout(timeout);
|
||||
}
|
||||
}
|
||||
77
src/components/SettingForms/WiFi&Modem/ModemCard.tsx
Normal file
77
src/components/SettingForms/WiFi&Modem/ModemCard.tsx
Normal file
@@ -0,0 +1,77 @@
|
||||
import Card from "../../UI/Card";
|
||||
import CardHeader from "../../UI/CardHeader";
|
||||
import { useState } from "react";
|
||||
import FormGroup from "../components/FormGroup";
|
||||
|
||||
const ModemCard = () => {
|
||||
const [apn, setApn] = useState("");
|
||||
const [username, setUsername] = useState("");
|
||||
const [password, setPassword] = useState("");
|
||||
const [authType, setAuthType] = useState("PAP");
|
||||
|
||||
return (
|
||||
<Card>
|
||||
<CardHeader title={"Modem"} />
|
||||
<div className="flex flex-col gap-4">
|
||||
<FormGroup>
|
||||
<label htmlFor="apn" className="font-medium whitespace-nowrap md:w-2/3">APN</label>
|
||||
<input
|
||||
id="apn"
|
||||
name="apn"
|
||||
type="text"
|
||||
className="p-2 border border-gray-400 rounded-lg flex-1 md:w-2/3"
|
||||
placeholder="Enter APN"
|
||||
value={apn}
|
||||
onChange={e => setApn(e.target.value)}
|
||||
/>
|
||||
</FormGroup>
|
||||
<FormGroup>
|
||||
<label htmlFor="modemUsername" className="font-medium whitespace-nowrap md:w-2/3">Username</label>
|
||||
<input
|
||||
id="modemUsername"
|
||||
name="modemUsername"
|
||||
type="text"
|
||||
className="p-2 border border-gray-400 rounded-lg flex-1 md:w-2/3"
|
||||
placeholder="Enter Username"
|
||||
value={username}
|
||||
onChange={e => setUsername(e.target.value)}
|
||||
/>
|
||||
</FormGroup>
|
||||
<FormGroup>
|
||||
<label htmlFor="modemPassword" className="font-medium whitespace-nowrap md:w-2/3">Password</label>
|
||||
<input
|
||||
id="modemPassword"
|
||||
name="modemPassword"
|
||||
type="password"
|
||||
className="p-2 border border-gray-400 rounded-lg flex-1 md:w-2/3"
|
||||
placeholder="Enter Password"
|
||||
value={password}
|
||||
onChange={e => setPassword(e.target.value)}
|
||||
/>
|
||||
</FormGroup>
|
||||
<FormGroup>
|
||||
<label htmlFor="authType" className="font-medium whitespace-nowrap md:w-2/3">Authentication Type</label>
|
||||
<select
|
||||
id="authType"
|
||||
name="authType"
|
||||
className="p-2 border border-gray-400 rounded-lg text-white bg-[#253445] flex-1 md:w-2/3"
|
||||
value={authType}
|
||||
onChange={e => setAuthType(e.target.value)}
|
||||
>
|
||||
<option value="PAP">PAP</option>
|
||||
<option value="CHAP">CHAP</option>
|
||||
<option value="None">None</option>
|
||||
</select>
|
||||
</FormGroup>
|
||||
<button
|
||||
className="bg-[#26B170] text-white px-4 py-2 rounded hover:bg-green-700 transition w-full max-w-md"
|
||||
//onClick={() => handleModemSave(apn, username, password, authType)}
|
||||
>
|
||||
Save Modem Settings
|
||||
</button>
|
||||
</div>
|
||||
</Card>
|
||||
);
|
||||
};
|
||||
|
||||
export default ModemCard;
|
||||
65
src/components/SettingForms/WiFi&Modem/WiFiCard.tsx
Normal file
65
src/components/SettingForms/WiFi&Modem/WiFiCard.tsx
Normal file
@@ -0,0 +1,65 @@
|
||||
import Card from "../../UI/Card";
|
||||
import CardHeader from "../../UI/CardHeader";
|
||||
import { useState } from "react";
|
||||
import FormGroup from "../components/FormGroup";
|
||||
|
||||
const WiFiCard = () => {
|
||||
const [ssid, setSsid] = useState("");
|
||||
const [password, setPassword] = useState("");
|
||||
const [encryption, setEncryption] = useState("WPA2");
|
||||
|
||||
return (
|
||||
<Card className="mb-4">
|
||||
<CardHeader title={"WiFi"} />
|
||||
<div className="flex flex-col gap-4">
|
||||
<FormGroup>
|
||||
<label htmlFor="ssid" className="font-medium whitespace-nowrap md:w-2/3">SSID</label>
|
||||
<input
|
||||
id="ssid"
|
||||
name="ssid"
|
||||
type="text"
|
||||
className="p-2 border border-gray-400 rounded-lg flex-1 md:w-2/3"
|
||||
placeholder="Enter SSID"
|
||||
value={ssid}
|
||||
onChange={e => setSsid(e.target.value)}
|
||||
/>
|
||||
</FormGroup>
|
||||
<FormGroup>
|
||||
<label htmlFor="password" className="font-medium whitespace-nowrap md:w-2/3">Password</label>
|
||||
<input
|
||||
id="password"
|
||||
name="password"
|
||||
type="password"
|
||||
className="p-2 border border-gray-400 rounded-lg flex-1 md:w-2/3"
|
||||
placeholder="Enter Password"
|
||||
value={password}
|
||||
onChange={e => setPassword(e.target.value)}
|
||||
/>
|
||||
</FormGroup>
|
||||
<FormGroup>
|
||||
<label htmlFor="encryption" className="font-medium whitespace-nowrap md:w-2/3">WPA/Encryption Type</label>
|
||||
<select
|
||||
id="encryption"
|
||||
name="encryption"
|
||||
className="p-2 border border-gray-400 rounded-lg text-white bg-[#253445] flex-1 md:w-2/3"
|
||||
value={encryption}
|
||||
onChange={e => setEncryption(e.target.value)}
|
||||
>
|
||||
<option value="WPA2">WPA2</option>
|
||||
<option value="WPA3">WPA3</option>
|
||||
<option value="WEP">WEP</option>
|
||||
<option value="None">None</option>
|
||||
</select>
|
||||
</FormGroup>
|
||||
<button
|
||||
className="bg-[#26B170] text-white px-4 py-2 rounded hover:bg-green-700 transition w-full max-w-md"
|
||||
//onClick={() => handleWiFiSave(ssid, password, encryption)}
|
||||
>
|
||||
Save WiFi Settings
|
||||
</button>
|
||||
</div>
|
||||
</Card>
|
||||
);
|
||||
};
|
||||
|
||||
export default WiFiCard;
|
||||
Reference in New Issue
Block a user