{row.map((item, index) => (
|
{item}
diff --git a/src/core/hooks/useBrowserFeatureDetection.ts b/src/core/hooks/useBrowserFeatureDetection.ts
index a31b7b5a..17d35ac2 100644
--- a/src/core/hooks/useBrowserFeatureDetection.ts
+++ b/src/core/hooks/useBrowserFeatureDetection.ts
@@ -1,6 +1,6 @@
-import { useMemo } from 'react';
+import { useMemo } from "react";
-export type BrowserFeature = 'Web Bluetooth' | 'Web Serial' | 'Secure Context';
+export type BrowserFeature = "Web Bluetooth" | "Web Serial" | "Secure Context";
interface BrowserSupport {
supported: BrowserFeature[];
@@ -10,9 +10,13 @@ interface BrowserSupport {
export function useBrowserFeatureDetection(): BrowserSupport {
const support = useMemo(() => {
const features: [BrowserFeature, boolean][] = [
- ['Web Bluetooth', !!navigator?.bluetooth],
- ['Web Serial', !!navigator?.serial],
- ['Secure Context', window.location.protocol === 'https:' || window.location.hostname === 'localhost']
+ ["Web Bluetooth", !!navigator?.bluetooth],
+ ["Web Serial", !!navigator?.serial],
+ [
+ "Secure Context",
+ window.location.protocol === "https:" ||
+ window.location.hostname === "localhost",
+ ],
];
return features.reduce(
@@ -21,9 +25,9 @@ export function useBrowserFeatureDetection(): BrowserSupport {
list.push(feature);
return acc;
},
- { supported: [], unsupported: [] }
+ { supported: [], unsupported: [] },
);
}, []);
return support;
-}
\ No newline at end of file
+}
diff --git a/src/core/hooks/useKeyBackupReminder.tsx b/src/core/hooks/useKeyBackupReminder.tsx
index ee65d161..0da9b0af 100644
--- a/src/core/hooks/useKeyBackupReminder.tsx
+++ b/src/core/hooks/useKeyBackupReminder.tsx
@@ -17,11 +17,11 @@ interface ReminderState {
lastShown: string;
}
-const TOAST_APPEAR_DELAY = 10_000 // 10 seconds;
-const TOAST_DURATION = 30_000 // 30 seconds;:
+const TOAST_APPEAR_DELAY = 10_000; // 10 seconds;
+const TOAST_DURATION = 30_000; // 30 seconds;:
// remind user in 1 year to backup keys again, if they accept the reminder;
-const ON_ACCEPT_REMINDER_DAYS = 365
+const ON_ACCEPT_REMINDER_DAYS = 365;
function isReminderExpired(lastShown: string): boolean {
const lastShownDate = new Date(lastShown);
@@ -35,13 +35,14 @@ export function useBackupReminder({
reminderInDays = 7,
enabled,
message,
- onAccept = () => { },
+ onAccept = () => {},
cookieOptions,
}: UseBackupReminderOptions) {
const { toast } = useToast();
const toastShownRef = useRef(false);
- const { value: reminderCookie, setCookie } =
- useCookie("key_backup_reminder");
+ const { value: reminderCookie, setCookie } = useCookie(
+ "key_backup_reminder",
+ );
const suppressReminder = useCallback(
(days: number) => {
@@ -69,39 +70,37 @@ export function useBackupReminder({
toastShownRef.current = true;
- const { dismiss } = toast(
- {
- title: "Backup Reminder",
- duration: TOAST_DURATION,
- delay: TOAST_APPEAR_DELAY,
- description: message,
- action: (
-
-
-
-
- ),
- },
- );
+ const { dismiss } = toast({
+ title: "Backup Reminder",
+ duration: TOAST_DURATION,
+ delay: TOAST_APPEAR_DELAY,
+ description: message,
+ action: (
+
+
+
+
+ ),
+ });
return () => {
if (!toastShownRef.current) {
diff --git a/src/core/hooks/useToast.ts b/src/core/hooks/useToast.ts
index c913d223..8c4a91b8 100644
--- a/src/core/hooks/useToast.ts
+++ b/src/core/hooks/useToast.ts
@@ -31,21 +31,21 @@ type ActionType = typeof actionTypes;
type Action =
| {
- type: ActionType["ADD_TOAST"];
- toast: ToasterToast;
- }
+ type: ActionType["ADD_TOAST"];
+ toast: ToasterToast;
+ }
| {
- type: ActionType["UPDATE_TOAST"];
- toast: Partial;
- }
+ type: ActionType["UPDATE_TOAST"];
+ toast: Partial;
+ }
| {
- type: ActionType["DISMISS_TOAST"];
- toastId?: ToasterToast["id"];
- }
+ type: ActionType["DISMISS_TOAST"];
+ toastId?: ToasterToast["id"];
+ }
| {
- type: ActionType["REMOVE_TOAST"];
- toastId?: ToasterToast["id"];
- };
+ type: ActionType["REMOVE_TOAST"];
+ toastId?: ToasterToast["id"];
+ };
interface State {
toasts: ToasterToast[];
@@ -81,7 +81,7 @@ export const reducer = (state: State, action: Action): State => {
return {
...state,
toasts: state.toasts.map((t) =>
- t.id === action.toast.id ? { ...t, ...action.toast } : t
+ t.id === action.toast.id ? { ...t, ...action.toast } : t,
),
};
@@ -103,10 +103,10 @@ export const reducer = (state: State, action: Action): State => {
toasts: state.toasts.map((t) =>
t.id === toastId || toastId === undefined
? {
- ...t,
- open: false,
- }
- : t
+ ...t,
+ open: false,
+ }
+ : t,
),
};
}
@@ -193,4 +193,4 @@ function useToast() {
};
}
-export { toast, useToast };
\ No newline at end of file
+export { toast, useToast };
diff --git a/src/pages/Map.tsx b/src/pages/Map.tsx
index e326b336..1be9455d 100644
--- a/src/pages/Map.tsx
+++ b/src/pages/Map.tsx
@@ -1,5 +1,5 @@
-import { Subtle } from "@app/components/UI/Typography/Subtle.tsx";
import { NodeDetail } from "@app/components/PageComponents/Map/NodeDetail";
+import { Subtle } from "@app/components/UI/Typography/Subtle.tsx";
import { cn } from "@app/core/utils/cn.ts";
import { PageLayout } from "@components/PageLayout.tsx";
import { Sidebar } from "@components/Sidebar.tsx";
@@ -8,6 +8,7 @@ import { SidebarButton } from "@components/UI/Sidebar/sidebarButton.tsx";
import { useAppStore } from "@core/stores/appStore.ts";
import { useDevice } from "@core/stores/deviceStore.ts";
import { Hashicon } from "@emeraldpay/hashicon-react";
+import type { Protobuf } from "@meshtastic/js";
import { numberToHexUnpadded } from "@noble/curves/abstract/utils";
import { bbox, lineString } from "@turf/turf";
import {
@@ -19,7 +20,6 @@ import {
import { useCallback, useEffect, useState } from "react";
import { AttributionControl, Marker, Popup, useMap } from "react-map-gl";
import MapGl from "react-map-gl/maplibre";
-import { Protobuf } from "@meshtastic/js";
export const MapPage = (): JSX.Element => {
const { nodes, waypoints } = useDevice();
@@ -148,7 +148,10 @@ export const MapPage = (): JSX.Element => {
}}
>
{waypoints.map((wp) => (
|