add post commands and reboot

src/app/page.tsx

@@ -7,7 +7,7 @@ import { getCommands, getLatestGPS, DeviceCommand, TelemetryPost, DeviceCommandT
 
 // Dynamically import the map component with SSR turned OFF to prevent "window is not defined" errors
 const DeviceMap = dynamic(
-  () => import("~/components/DeviceMapClient").then((mod) => mod.DeviceMap),
+  () => import("~/_components/DeviceMapClient").then((mod) => mod.DeviceMap),
   {
     ssr: false,
     loading: () => <p>Loading map...</p>,
@@ -99,6 +99,7 @@ export default function Dashboard() {
               <option value="camera">Camera On/Off</option>
               <option value="sleep">Set Sleep Interval</option>
               <option value="telemetry_sec">Set Telemetry Interval</option>
+              <option value="reboot">Reboot</option>
             </select>
             <textarea
               className="p-2 text-white rounded-md bg-white/10"
@@ -115,4 +116,21 @@ export default function Dashboard() {
       </section>
     </main>
   );
+  const sendCommand = async () => {
+  try {
+    const parsedPayload = payload ? JSON.parse(payload) : {};
+
+    const response = await postCommand(selectedImei, {
+      type: commandType,
+      payload: parsedPayload,
+    });
+
+    console.log("Command sent successfully, ID:", response.command_id);
+    alert("Command sent successfully!");
+    setPayload(""); // Clear the input field
+  } catch (e) {
+    console.error("Failed to send command:", e);
+    alert(`Failed to send command: ${e instanceof Error ? e.message : String(e)}`);
+  }
+};
 }

src/lib/api.ts

@@ -10,7 +10,8 @@ export type DeviceCommandType =
   | "ota"
   | "ring_fence"
   | "lights"
-  | "camera";
+  | "camera"
+  | "reboot";
 
 export interface DeviceCommand {
   id: number;
@@ -116,4 +117,4 @@ export async function postCommand(
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(command),
   });
-}
+}