Implement wired role configuration

plugins/lime-plugin-rx/src/rxApi.ts

@@ -1,6 +1,8 @@
 import {
     IGetInternetStatus,
     StatusResponse,
+    SupportedPortRoles,
+    SwitchStatus,
 } from "plugins/lime-plugin-rx/src/rxTypes";
 
 import api from "utils/uhttpd.service";
@@ -10,3 +12,16 @@ export const getNodeStatus = (): Promise<StatusResponse> =>
 
 export const getInternetStatus = (): Promise<IGetInternetStatus> =>
     api.call("lime-metrics", "get_internet_status", {});
+
+export type SetPortRoleArgs = { role: SupportedPortRoles } & Omit<
+    SwitchStatus,
+    "role"
+>;
+
+export const setPortRole = async (
+    newStatus: SetPortRoleArgs
+): Promise<boolean> => {
+    console.log("Setting port role", newStatus);
+    await new Promise((resolve) => setTimeout(resolve, 2000));
+    return true;
+};

plugins/lime-plugin-rx/src/rxQueries.ts

@@ -1,6 +1,18 @@
-import { useQuery } from "@tanstack/react-query";
+import { MutationKey } from "@tanstack/query-core/src/types";
+import {
+    UseMutationOptions,
+    useMutation,
+    useQuery,
+} from "@tanstack/react-query";
 
-import { getInternetStatus, getNodeStatus } from "./rxApi";
+import { SupportedPortRoles } from "plugins/lime-plugin-rx/src/rxTypes";
+
+import {
+    SetPortRoleArgs,
+    getInternetStatus,
+    getNodeStatus,
+    setPortRole,
+} from "./rxApi";
 
 const refetchInterval = 2000;
 
@@ -24,3 +36,16 @@ export function useInternetStatus(params?) {
         ...params,
     });
 }
+
+export const useSetPortRole = (
+    options?: Omit<
+        UseMutationOptions<boolean, Error, SetPortRoleArgs>,
+        "mutationFn" | "mutationKey"
+    >
+) => {
+    return useMutation<boolean, Error, SetPortRoleArgs>({
+        mutationFn: setPortRole,
+        mutationKey: ["useSetPortRole"] as MutationKey,
+        ...options,
+    });
+};

plugins/lime-plugin-rx/src/rxTypes.ts

@@ -53,3 +53,9 @@ export interface IGetInternetStatus {
     IPv4: { working: boolean };
     status: string;
 }
+
+export enum SupportedPortRoles {
+    WAN = "wan",
+    LAN = "lan",
+    MESH = "mesh",
+}

plugins/lime-plugin-rx/src/sections/system.tsx

@@ -40,14 +40,21 @@ const SystemInfo = () => {
 
     const boardData = bd as IGetBoardDataResponse;
     const secNum = parseInt(node?.uptime, 10);
+    const ips =
+        node?.ips.map((ip) => ({
+            label: `IPv${ip.version}`,
+            value: ip.address,
+        })) || [];
     const attributes = [
         {
             label: t`Uptime`,
             value: toHHMMSS(node?.uptime, 0),
         },
         { label: t`Device`, value: boardData.board_name },
         { label: t`Firmware`, value: boardData.release.description },
+        ...ips,
     ];
+
     return (
         <div className="flex justify-start px-10">
             <div className="grid grid-cols-4 gap-4">