layout cleanup wip

2023-01-08 19:25:51 +10:00
parent fed4ebf80b
commit 8074595c70
19 changed files with 770 additions and 857 deletions
@@ -1,71 +0,0 @@
-import type React from "react";
-import { useState } from "react";
-
-import { JSONTree } from "react-json-tree";
-
-import {
-  TabbedContent,
-  TabType
-} from "@app/components/generic/TabbedContent.js";
-import { useDevice } from "@core/providers/useDevice.js";
-import { EyeIcon } from "@heroicons/react/24/outline";
-
-export const InfoPage = (): JSX.Element => {
-  const { config, moduleConfig, hardware, nodes, waypoints, connection } =
-    useDevice();
-
-  const [serialLogs, setSerialLogs] = useState<string>("");
-
-  connection?.events.onDeviceDebugLog.subscribe((packet) => {
-    setSerialLogs(serialLogs + new TextDecoder().decode(packet));
-  });
-
-  const tabs: TabType[] = [
-    {
-      name: "Hardware",
-      icon: <EyeIcon className="h-4" />,
-      element: () => <JSONTree theme="monokai" data={hardware} />
-    },
-    {
-      name: "Config",
-      icon: <EyeIcon className="h-4" />,
-      element: () => <JSONTree theme="monokai" data={config} />
-    },
-    {
-      name: "Module Config",
-      icon: <EyeIcon className="h-4" />,
-      element: () => <JSONTree theme="monokai" data={moduleConfig} />
-    },
-
-    {
-      name: "Nodes",
-      icon: <EyeIcon className="h-4" />,
-      element: () => <JSONTree theme="monokai" data={nodes} />
-    },
-    {
-      name: "Waypoints",
-      icon: <EyeIcon className="h-4" />,
-      element: () => <JSONTree theme="monokai" data={waypoints} />
-    },
-    {
-      name: "Connection",
-      icon: <EyeIcon className="h-4" />,
-      element: () => <JSONTree theme="monokai" data={connection} />
-    },
-    {
-      name: "Serial Logs",
-      icon: <EyeIcon className="h-4" />,
-      element: () => (
-        <div>
-          {serialLogs.split("\n").map((line, index) => (
-            <div key={index} className="text-sm">
-              {line}
-            </div>
-          ))}
-        </div>
-      )
-    }
-  ];
-
-  return <TabbedContent tabs={tabs} />;
-};
@@ -1,77 +0,0 @@
-import type React from "react";
-import { useEffect, useState } from "react";
-
-import { Mono } from "@app/components/generic/Mono.js";
-import { useDevice } from "@core/providers/useDevice.js";
-import { Protobuf, Types } from "@meshtastic/meshtasticjs";
-
-export const LogsPage = (): JSX.Element => {
-  const { connection } = useDevice();
-  const [logs, setLogs] = useState<Types.LogEvent[]>([]);
-
-  useEffect(() => {
-    connection?.events.onLogEvent.subscribe((log) => {
-      setLogs([...logs, log]);
-    });
-  }, [connection, setLogs, logs]);
-
-  return (
-    <div className="w-full overflow-y-auto">
-      <div className="ring-black overflow-hidden ring-1 ring-opacity-5">
-        <table className="divide-gray-300 min-w-full divide-y">
-          <thead className="bg-gray-50">
-            <tr>
-              <th
-                scope="col"
-                className="text-gray-900 py-3.5 pr-3 pl-6 text-left text-sm font-semibold"
-              >
-                Emitter
-              </th>
-              <th
-                scope="col"
-                className="text-gray-900 py-3.5 text-left text-sm font-semibold"
-              >
-                Level
-              </th>
-              <th
-                scope="col"
-                className="text-gray-900 py-3.5 text-left text-sm font-semibold"
-              >
-                Message
-              </th>
-              <th
-                scope="col"
-                className="text-gray-900 py-3.5 text-left text-sm font-semibold"
-              >
-                Scope
-              </th>
-            </tr>
-          </thead>
-          <tbody className="bg-white">
-            {logs.map((log, index) => (
-              <tr
-                key={index}
-                className={index % 2 === 0 ? undefined : "bg-gray-50"}
-              >
-                <td className="text-gray-500 whitespace-nowrap py-2 pl-6 text-sm">
-                  <span className="my-auto">{Types.Emitter[log.emitter]}</span>
-                </td>
-                <td className="text-gray-500 whitespace-nowrap py-2 text-sm">
-                  <span className="bg-slate-200 rounded-md p-1">
-                    <Mono>{[Protobuf.LogRecord_Level[log.level]]}</Mono>
-                  </span>
-                </td>
-                <td className="text-gray-500 whitespace-nowrap py-2 text-sm">
-                  <Mono>{log.message}</Mono>
-                </td>
-                <td className="text-gray-500 whitespace-nowrap py-2 text-sm">
-                  {Types.EmitterScope[log.scope]}
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  );
-};