-
+
{channelName()}
- } circle />
+ } circle />
- } circle />
+ } circle />
diff --git a/src/pages/Nodes/Index.tsx b/src/pages/Nodes/Index.tsx
index dd6d5304..b1b950d1 100644
--- a/src/pages/Nodes/Index.tsx
+++ b/src/pages/Nodes/Index.tsx
@@ -1,6 +1,7 @@
import React from 'react';
import Avatar from 'boring-avatars';
+import { FiXCircle } from 'react-icons/fi';
import { useBreakpoint } from '@app/hooks/breakpoint';
import { useAppSelector } from '@app/hooks/redux';
@@ -8,7 +9,6 @@ import { Button } from '@components/generic/Button';
import { Drawer } from '@components/generic/Drawer';
import { SidebarItem } from '@components/generic/SidebarItem';
import { Tab } from '@headlessui/react';
-import { XCircleIcon } from '@heroicons/react/outline';
import { Protobuf } from '@meshtastic/meshtasticjs';
import { Node } from './Node';
@@ -37,7 +37,7 @@ export const Nodes = (): JSX.Element => {
}
+ icon={
}
circle
onClick={(): void => {
setNavOpen(false);
diff --git a/src/pages/Nodes/Node.tsx b/src/pages/Nodes/Node.tsx
index ddc2dce3..476496e7 100644
--- a/src/pages/Nodes/Node.tsx
+++ b/src/pages/Nodes/Node.tsx
@@ -1,6 +1,7 @@
import React from 'react';
import moment from 'moment';
+import { FiMenu, FiTerminal } from 'react-icons/fi';
import { Card } from '@app/components/generic/Card';
import { Chart } from '@app/components/generic/Chart';
@@ -8,7 +9,6 @@ import { Input } from '@app/components/generic/Input';
import { Toggle } from '@app/components/generic/Toggle';
import { Button } from '@components/generic/Button';
import { PrimaryTemplate } from '@components/templates/PrimaryTemplate';
-import { MenuIcon, PuzzleIcon } from '@heroicons/react/outline';
import type { Protobuf } from '@meshtastic/meshtasticjs';
export interface NodeProps {
@@ -24,7 +24,7 @@ export const Node = ({ navOpen, setNavOpen, node }: NodeProps): JSX.Element => {
tagline="Node"
button={
}
+ icon={
}
onClick={(): void => {
setNavOpen(!navOpen);
}}
@@ -34,8 +34,8 @@ export const Node = ({ navOpen, setNavOpen, node }: NodeProps): JSX.Element => {
>
{
description="Remote node settings"
lgPlaceholder={
}
diff --git a/src/pages/Plugins/Files.tsx b/src/pages/Plugins/Files.tsx
new file mode 100644
index 00000000..063cbf5c
--- /dev/null
+++ b/src/pages/Plugins/Files.tsx
@@ -0,0 +1,143 @@
+import React from 'react';
+
+import { DefaultExtensionType, defaultStyles, FileIcon } from 'react-file-icon';
+import { FiMenu, FiTrash, FiUploadCloud } from 'react-icons/fi';
+import useSWR from 'swr';
+
+import { Card } from '@app/components/generic/Card';
+import fetcher from '@app/core/utils/fetcher.js';
+import { useAppSelector } from '@app/hooks/redux';
+import { Button } from '@components/generic/Button';
+import { PrimaryTemplate } from '@components/templates/PrimaryTemplate';
+
+export interface RangeTestProps {
+ navOpen: boolean;
+ setNavOpen: React.Dispatch>;
+}
+interface IFile {
+ name: string;
+ nameModified: string;
+ size: number;
+}
+interface IFiles {
+ data: {
+ files: IFile[];
+ filesystem: {
+ free: number;
+ total: number;
+ used: number;
+ };
+ };
+
+ status: boolean;
+}
+
+export const Files = ({ navOpen, setNavOpen }: RangeTestProps): JSX.Element => {
+ const hostOverrideEnabled = useAppSelector(
+ (state) => state.meshtastic.hostOverrideEnabled,
+ );
+ const hostOverride = useAppSelector((state) => state.meshtastic.hostOverride);
+
+ const connectionURL = hostOverrideEnabled
+ ? hostOverride
+ : import.meta.env.NODE_ENV === 'production'
+ ? window.location.hostname
+ : (import.meta.env.SNOWPACK_PUBLIC_DEVICE_IP as string) ??
+ 'http://meshtastic.local';
+
+ const { data } = useSWR(
+ `http://${connectionURL}/json/spiffs/browse/static`,
+ fetcher,
+ );
+
+ return (
+ }
+ onClick={(): void => {
+ setNavOpen(!navOpen);
+ }}
+ circle
+ />
+ }
+ >
+
+
+ {data ? (
+
+
+
+ {JSON.stringify(data.data.filesystem.used)} bytes total
+
+
Loading...
+ )}
+
+
+
+
+ }
+ className="md:w-1/3"
+ >
+ {data ? (
+
+ {data.data.files.map((file: IFile) => (
+
+ ))}
+
Loading...
+ )}
+
+
+
{
+ setNavOpen(!navOpen);
+ }}
+ >
+
+
+
+ Plugins
+
+
+ }
+ circle
+ onClick={(): void => {
+ setNavOpen(false);
+ }}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
Device Name
-
+
Device Name
-
+
),
@@ -120,11 +120,11 @@ export const Connection = ({
Device Name
-
+
Device Name
-
+
),
diff --git a/src/pages/settings/Device.tsx b/src/pages/settings/Device.tsx
index 5d1de3b8..1c391e07 100644
--- a/src/pages/settings/Device.tsx
+++ b/src/pages/settings/Device.tsx
@@ -2,6 +2,7 @@ import React from 'react';
import { useForm } from 'react-hook-form';
import { useTranslation } from 'react-i18next';
+import { FiMenu, FiSave } from 'react-icons/fi';
import { Card } from '@app/components/generic/Card';
import { Toggle } from '@app/components/generic/Toggle';
@@ -10,7 +11,6 @@ import { useAppSelector } from '@app/hooks/redux';
import { Button } from '@components/generic/Button';
import { Input } from '@components/generic/Input';
import { PrimaryTemplate } from '@components/templates/PrimaryTemplate';
-import { MenuIcon, SaveIcon } from '@heroicons/react/outline';
import { Protobuf } from '@meshtastic/meshtasticjs';
export interface DeviceProps {
@@ -44,7 +44,7 @@ export const Device = ({ navOpen, setNavOpen }: DeviceProps): JSX.Element => {
tagline="Settings"
button={
}
+ icon={
}
onClick={(): void => {
setNavOpen(!navOpen);
}}
@@ -54,7 +54,7 @@ export const Device = ({ navOpen, setNavOpen }: DeviceProps): JSX.Element => {
footer={
}
+ icon={
}
disabled={!formState.isDirty}
active
border
diff --git a/src/pages/settings/Index.tsx b/src/pages/settings/Index.tsx
index 5b00983a..23755552 100644
--- a/src/pages/settings/Index.tsx
+++ b/src/pages/settings/Index.tsx
@@ -1,17 +1,18 @@
import React from 'react';
+import {
+ FiLayout,
+ FiLink2,
+ FiRss,
+ FiSmartphone,
+ FiXCircle,
+} from 'react-icons/fi';
+
import { useBreakpoint } from '@app/hooks/breakpoint';
import { Button } from '@components/generic/Button';
import { Drawer } from '@components/generic/Drawer';
import { SidebarItem } from '@components/generic/SidebarItem';
import { Tab } from '@headlessui/react';
-import {
- CollectionIcon,
- DeviceMobileIcon,
- LinkIcon,
- WifiIcon,
- XCircleIcon,
-} from '@heroicons/react/outline';
import { Connection } from './Connection';
import { Device } from './Device';
@@ -40,7 +41,7 @@ export const Settings = (): JSX.Element => {
}
+ icon={
}
circle
onClick={(): void => {
setNavOpen(false);
@@ -58,7 +59,7 @@ export const Settings = (): JSX.Element => {
title="Connection"
description="Method and peramaters for connecting to the device"
selected={selected}
- icon={
}
+ icon={
}
/>
)}
@@ -72,7 +73,7 @@ export const Settings = (): JSX.Element => {
title="Device"
description="Device settings, such as device name and wifi settings"
selected={selected}
- icon={
}
+ icon={
}
/>
)}
@@ -82,7 +83,7 @@ export const Settings = (): JSX.Element => {
title="Radio"
description="Adjust radio power and frequency settings"
selected={selected}
- icon={
}
+ icon={
}
/>
)}
@@ -92,7 +93,7 @@ export const Settings = (): JSX.Element => {
title="Interface"
description="Change language and other UI settings"
selected={selected}
- icon={
}
+ icon={
}
/>
)}
diff --git a/src/pages/settings/Interface.tsx b/src/pages/settings/Interface.tsx
index 288475fa..a9b03682 100644
--- a/src/pages/settings/Interface.tsx
+++ b/src/pages/settings/Interface.tsx
@@ -2,13 +2,13 @@ import React from 'react';
import { Jp, Pt, Us } from 'react-flags-select';
import { useTranslation } from 'react-i18next';
+import { FiMenu, FiSave } from 'react-icons/fi';
import { Card } from '@app/components/generic/Card';
import { Select } from '@app/components/generic/Select';
import i18n from '@app/core/translation';
import { Button } from '@components/generic/Button';
import { PrimaryTemplate } from '@components/templates/PrimaryTemplate';
-import { MenuIcon, SaveIcon } from '@heroicons/react/outline';
export interface InterfaceProps {
navOpen: boolean;
@@ -27,7 +27,7 @@ export const Interface = ({
tagline="Settings"
button={
}
+ icon={
}
onClick={(): void => {
setNavOpen(!navOpen);
}}
@@ -37,7 +37,7 @@ export const Interface = ({
footer={
}
+ icon={
}
active
border
>
@@ -49,7 +49,7 @@ export const Interface = ({
title="Basic settings"
description="Device name and user parameters"
>
-
+