hermes/meshtastic-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update widgets

Browse Source
This commit is contained in:
Sacha Weatherstone
2022-09-22 23:06:49 +10:00
parent dcfd738c75
commit 781d782a70
11 changed files with 243 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/DeviceSelector.tsx
+4 -2
View File
@@ -5,13 +5,15 @@ import { useDeviceStore } from "@app/core/stores/deviceStore.js";
import { Hashicon } from "@emeraldpay/hashicon-react";
import { PlusIcon } from "@heroicons/react/24/outline";
import { Mono } from "./Mono.js";
export const DeviceSelector = (): JSX.Element => {
const { getDevices } = useDeviceStore();
const { selectedDevice, setSelectedDevice } = useAppStore();
return (
<div className="flex h-full w-16 items-center whitespace-nowrap bg-slate-50 py-12 text-sm [writing-mode:vertical-rl]">
<span className="font-mono text-slate-500">Connected Devices</span>
<div className="flex h-full w-16 items-center whitespace-nowrap bg-slate-50 py-12 [writing-mode:vertical-rl]">
<Mono>Connected Devices</Mono>
<span className="mt-6 flex gap-4 font-bold text-slate-900">
{getDevices().map((device) => (
<div