84 |
87 | );
88 | };
89 |
90 | export default BatteryStatus;
91 |
--------------------------------------------------------------------------------
/src/components/Dialog/DeleteMessagesDialog/DeleteMessagesDialog.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@components/UI/Button.tsx";
2 | import {
3 | Dialog,
4 | DialogClose,
5 | DialogContent,
6 | DialogDescription,
7 | DialogFooter,
8 | DialogHeader,
9 | DialogTitle,
10 | } from "@components/UI/Dialog.tsx";
11 | import { AlertTriangleIcon } from "lucide-react";
12 | import { useMessageStore } from "../../../core/stores/messageStore/index.ts";
13 | import { useTranslation } from "react-i18next";
14 |
15 | export interface DeleteMessagesDialogProps {
16 | open: boolean;
17 | onOpenChange: (open: boolean) => void;
18 | }
19 |
20 | export const DeleteMessagesDialog = ({
21 | open,
22 | onOpenChange,
23 | }: DeleteMessagesDialogProps) => {
24 | const { t } = useTranslation("dialog");
25 | const { deleteAllMessages } = useMessageStore();
26 | const handleCloseDialog = () => {
27 | onOpenChange(false);
28 | };
29 |
30 | return (
31 |
64 | );
65 | };
66 |
--------------------------------------------------------------------------------
/src/components/Dialog/LocationResponseDialog.tsx:
--------------------------------------------------------------------------------
1 | import { useDevice } from "@core/stores/deviceStore.ts";
2 | import {
3 | Dialog,
4 | DialogClose,
5 | DialogContent,
6 | DialogDescription,
7 | DialogHeader,
8 | DialogTitle,
9 | } from "../UI/Dialog.tsx";
10 | import type { Protobuf, Types } from "@meshtastic/core";
11 | import { numberToHexUnpadded } from "@noble/curves/abstract/utils";
12 | import { useTranslation } from "react-i18next";
13 |
14 | export interface LocationResponseDialogProps {
15 | location: Types.PacketMetadata
22 |
39 |
40 | );
41 |
--------------------------------------------------------------------------------
/src/components/Form/createZodResolver.ts:
--------------------------------------------------------------------------------
1 | import type { ZodType } from "zod/v4";
2 | import type {
3 | FieldError,
4 | FieldValues,
5 | Resolver,
6 | ResolverOptions,
7 | ResolverResult,
8 | } from "react-hook-form";
9 |
10 | export function createZodResolver
14 |
17 | );
18 | };
19 |
20 | export const ChannelChat = ({ messages = [] }: ChannelChatProps) => {
21 | if (!messages?.length) {
22 | return (
23 |
24 |
26 | );
27 | }
28 |
29 | return (
30 | -
31 | {messages?.map((message) => (
32 |
55 |
84 |
85 | );
86 | };
87 |
--------------------------------------------------------------------------------
/src/components/PageComponents/Messages/TraceRoute.tsx:
--------------------------------------------------------------------------------
1 | import { useDevice } from "@core/stores/deviceStore.ts";
2 | import type { Protobuf } from "@meshtastic/core";
3 | import { numberToHexUnpadded } from "@noble/curves/abstract/utils";
4 | import { useTranslation } from "react-i18next";
5 |
6 | export interface TraceRouteProps {
7 | from?: Protobuf.Mesh.NodeInfo;
8 | to?: Protobuf.Mesh.NodeInfo;
9 | route: Array{title}
35 |{startNode?.user?.longName}
36 |37 | ↓ {snr?.[0] ?? t("unknown.num")} 38 | {t("unit.dbm")} 39 |
40 | {path.map((hop, i) => ( 41 | 42 |43 | {getNode(hop)?.user?.longName ?? 44 | `${t("traceRoute.nodeUnknownPrefix")}${numberToHexUnpadded(hop)}`} 45 |
46 |47 | ↓ {snr?.[i + 1] ?? t("unknown.num")} 48 | {t("unit.dbm")} 49 |
50 | 51 | ))} 52 |{endNode?.user?.longName}
53 | 54 | ); 55 | }; 56 | 57 | export const TraceRoute = ({ 58 | from, 59 | to, 60 | route, 61 | routeBack, 62 | snrTowards, 63 | snrBack, 64 | }: TraceRouteProps) => { 65 | const { t } = useTranslation("dialog"); 66 | return ( 67 |
68 |
85 | );
86 | };
87 |
--------------------------------------------------------------------------------
/src/components/PageComponents/ModuleConfig/AmbientLighting.tsx:
--------------------------------------------------------------------------------
1 | import { useDevice } from "@core/stores/deviceStore.ts";
2 | import {
3 | type AmbientLightingValidation,
4 | AmbientLightingValidationSchema,
5 | } from "@app/validation/moduleConfig/ambientLighting.ts";
6 | import { create } from "@bufbuild/protobuf";
7 | import { DynamicForm } from "@components/Form/DynamicForm.tsx";
8 | import { Protobuf } from "@meshtastic/core";
9 | import { useTranslation } from "react-i18next";
10 |
11 | export const AmbientLighting = () => {
12 | const { moduleConfig, setWorkingModuleConfig } = useDevice();
13 | const { t } = useTranslation("moduleConfig");
14 |
15 | const onSubmit = (data: AmbientLightingValidation) => {
16 | setWorkingModuleConfig(
17 | create(Protobuf.ModuleConfig.ModuleConfigSchema, {
18 | payloadVariant: {
19 | case: "ambientLighting",
20 | value: data,
21 | },
22 | }),
23 | );
24 | };
25 |
26 | return (
27 |
24 | {title && {title} }
25 | {description && {description} }
26 |
27 | {action}
28 | {children}
12 |
;
13 | };
14 |
15 | interface MultiSelectItemProps {
16 | name: string;
17 | value: string;
18 | checked: boolean;
19 | onCheckedChange: (name: string, value: boolean) => void;
20 | children: React.ReactNode;
21 | className?: string;
22 | }
23 |
24 | const MultiSelectItem = ({
25 | name,
26 | value,
27 | checked,
28 | onCheckedChange,
29 | children,
30 | className = "",
31 | }: MultiSelectItemProps) => {
32 | return (
33 |
26 |
38 | {label}
39 |
40 |
41 |
45 | );
46 | };
47 |
--------------------------------------------------------------------------------
/src/components/UI/Slider.tsx:
--------------------------------------------------------------------------------
1 | import { useId, useState } from "react";
2 | import * as SliderPrimitive from "@radix-ui/react-slider";
3 | import { cn } from "@core/utils/cn.ts";
4 |
5 | export interface SliderProps {
6 | value: number[];
7 | step?: number;
8 | min?: number;
9 | max: number;
10 | onValueChange?: (value: number[]) => void;
11 | onValueCommit?: (value: number[]) => void;
12 | disabled?: boolean;
13 | className?: string;
14 | trackClassName?: string;
15 | rangeClassName?: string;
16 | thumbClassName?: string;
17 | }
18 |
19 | export function Slider({
20 | value,
21 | step = 1,
22 | min = 0,
23 | max,
24 | onValueChange,
25 | onValueCommit,
26 | disabled = false,
27 | className,
28 | trackClassName,
29 | rangeClassName,
30 | thumbClassName,
31 | ...props
32 | }: SliderProps) {
33 | const [internalValue, setInternalValue] = useState
42 | {children}
43 |
44 |
23 |
102 |
103 | );
104 | }
105 |
--------------------------------------------------------------------------------
/src/components/UI/Switch.tsx:
--------------------------------------------------------------------------------
1 | import * as SwitchPrimitives from "@radix-ui/react-switch";
2 | import * as React from "react";
3 |
4 | import { cn } from "@core/utils/cn.ts";
5 |
6 | const Switch = React.forwardRef<
7 | React.ElementRef7 | {children} 8 |9 | ); 10 | -------------------------------------------------------------------------------- /src/components/UI/Typography/Code.tsx: -------------------------------------------------------------------------------- 1 | export interface CodeProps { 2 | children: React.ReactNode; 3 | } 4 | 5 | export const Code = ({ children }: CodeProps) => ( 6 |
7 | {children}
8 |
9 | );
10 |
--------------------------------------------------------------------------------
/src/components/UI/Typography/Heading.tsx:
--------------------------------------------------------------------------------
1 | import type React from "react";
2 |
3 | const headingStyles = {
4 | h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",
5 | h2:
6 | "scroll-m-20 border-b border-b-slate-200 pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0 dark:border-b-slate-700",
7 | h3: "scroll-m-20 text-lg font-semibold tracking-tight",
8 | h4: "scroll-m-20 text-xl font-semibold tracking-tight",
9 | h5: "scroll-m-20 text-lg font-medium tracking-tight",
10 | };
11 |
12 | interface HeadingProps {
13 | as?: "h1" | "h2" | "h3" | "h4" | "h5";
14 | children: React.ReactNode;
15 | className?: string;
16 | }
17 |
18 | export const Heading = ({
19 | as: Component = "h1",
20 | children,
21 | className = "",
22 | ...props
23 | }: HeadingProps) => {
24 | const baseStyles = headingStyles[Component] || headingStyles.h1;
25 |
26 | return (
27 | {children}
10 | ); 11 | -------------------------------------------------------------------------------- /src/components/UI/Typography/Subtle.tsx: -------------------------------------------------------------------------------- 1 | import { cn } from "@core/utils/cn.ts"; 2 | 3 | export interface SubtleProps { 4 | className?: string; 5 | children: React.ReactNode; 6 | } 7 | 8 | export const Subtle = ({ className, children }: SubtleProps) => ( 9 |10 | {children} 11 |
12 | ); 13 | -------------------------------------------------------------------------------- /src/components/generic/Blur.tsx: -------------------------------------------------------------------------------- 1 | export const Blur = () => { 2 | return ( 3 | 7 | ); 8 | }; 9 | -------------------------------------------------------------------------------- /src/components/generic/DeviceImage.tsx: -------------------------------------------------------------------------------- 1 | export interface DeviceImageProps { 2 | deviceType: string; 3 | className?: React.HTMLAttributesTest Error: {error.message}
,
55 | });
56 |
57 | currentRouter = router; // Store the router instance for access in tests
58 |
59 | const Wrapper: FunctionComponent<{ children?: ReactNode }> = (
60 | { children },
61 | ) => {
62 | return (
63 | <>
64 |