chore: fixes from deno linting/formatting

2025-03-02 14:46:02 -05:00
parent db08542b39
commit 50eb2a827f
136 changed files with 1018 additions and 1082 deletions
@@ -7,7 +7,6 @@ import { MessageInput } from "@components/PageComponents/Messages/MessageInput.t
 import type { Types } from "@meshtastic/core";
 import { InboxIcon } from "lucide-react";
 import { useCallback, useEffect, useRef } from "react";
-import type { JSX } from "react";

 export interface ChannelChatProps {
  messages?: MessageWithState[];
@@ -26,7 +25,7 @@ export const ChannelChat = ({
  messages,
  channel,
  to,
-}: ChannelChatProps): JSX.Element => {
+}: ChannelChatProps) => {
  const { nodes } = useDevice();
  const messagesEndRef = useRef<HTMLDivElement>(null);
  const scrollContainerRef = useRef<HTMLDivElement>(null);
@@ -34,8 +33,7 @@ export const ChannelChat = ({
  const scrollToBottom = useCallback(() => {
    const scrollContainer = scrollContainerRef.current;
    if (scrollContainer) {
-      const isNearBottom =
-        scrollContainer.scrollHeight -
+      const isNearBottom = scrollContainer.scrollHeight -
          scrollContainer.scrollTop -
          scrollContainer.clientHeight <
        100;
@@ -72,9 +70,8 @@ export const ChannelChat = ({
                key={message.id}
                message={message}
                sender={nodes.get(message.from)}
-                lastMsgSameUser={
-                  index > 0 && messages[index - 1].from === message.from
-                }
+                lastMsgSameUser={index > 0 &&
+                  messages[index - 1].from === message.from}
              />
            );
          })}
@@ -4,14 +4,13 @@ import {
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
-} from "@app/components/UI/Tooltip";
-import { useAppStore } from "@app/core/stores/appStore";
+} from "@components/UI/Tooltip.tsx";
 import {
  type MessageWithState,
  useDeviceStore,
 } from "@app/core/stores/deviceStore.ts";
-import { cn } from "@app/core/utils/cn";
-import { Avatar } from "@components/UI/Avatar";
+import { cn } from "@core/utils/cn.ts";
+import { Avatar } from "@components/UI/Avatar.tsx";
 import type { Protobuf } from "@meshtastic/core";
 import { AlertCircle, CheckCircle2, CircleEllipsis } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
@@ -94,7 +93,6 @@ const StatusIcon = ({ state, className, ...otherProps }: StatusIconProps) => {
 const getMessageTextStyles = (state: MessageState) => {
  const isAcknowledged = state === MESSAGE_STATES.ACK;
  const isFailed = state === MESSAGE_STATES.FAILED;
-  const isWaiting = state === MESSAGE_STATES.WAITING;

  return cn(
    "break-words overflow-hidden",
@@ -145,16 +143,18 @@ export const Message = ({ lastMsgSameUser, message, sender }: MessageProps) => {
        )}
      >
        <div className="flex items-center gap-2 mb-2">
-          {!lastMsgSameUser ? (
-            <div className="flex place-items-center gap-2 mb-1">
-              <Avatar text={messageUser?.shortName} />
-              <div className="flex flex-col">
-                <span className="font-medium text-slate-900 dark:text-white truncate">
-                  {messageUser?.longName}
-                </span>
+          {!lastMsgSameUser
+            ? (
+              <div className="flex place-items-center gap-2 mb-1">
+                <Avatar text={messageUser?.shortName} />
+                <div className="flex flex-col">
+                  <span className="font-medium text-slate-900 dark:text-white truncate">
+                    {messageUser?.longName}
+                  </span>
+                </div>
              </div>
-            </div>
-          ) : null}
+            )
+            : null}
        </div>
        <TimeDisplay date={message.rxTime} />
        <div className="flex place-items-center gap-2 pb-2">
@@ -1,16 +1,10 @@
-import { debounce } from "@app/core/utils/debounce";
+import { debounce } from "../../../core/utils/debounce.ts";
 import { Button } from "@components/UI/Button.tsx";
 import { Input } from "@components/UI/Input.tsx";
 import { useDevice } from "@core/stores/deviceStore.ts";
 import type { Types } from "@meshtastic/core";
 import { SendIcon } from "lucide-react";
-import {
-  type JSX,
-  startTransition,
-  useCallback,
-  useMemo,
-  useState,
-} from "react";
+import { startTransition, useCallback, useMemo, useState } from "react";

 export interface MessageInputProps {
  to: Types.Destination;
@@ -22,7 +16,7 @@ export const MessageInput = ({
  to,
  channel,
  maxBytes,
-}: MessageInputProps): JSX.Element => {
+}: MessageInputProps) => {
  const {
    connection,
    setMessageState,
@@ -43,7 +37,7 @@ export const MessageInput = ({
    async (message: string) => {
      await connection
        ?.sendText(message, to, true, channel)
-        .then((id) =>
+        .then((id: number) =>
          setMessageState(
            to === "broadcast" ? "broadcast" : "direct",
            channel,
@@ -51,7 +45,7 @@ export const MessageInput = ({
            myNodeNum,
            id,
            "ack",
-          ),
+          )
        )
        .catch((e: Types.PacketError) =>
          setMessageState(
@@ -61,7 +55,7 @@ export const MessageInput = ({
            myNodeNum,
            e.id,
            e.error,
-          ),
+          )
        );
    },
    [channel, connection, myNodeNum, setMessageState, to],
@@ -82,7 +76,7 @@ export const MessageInput = ({
    <div className="flex gap-2">
      <form
        className="w-full"
-        action={async (formData: FormData) => {
+        action={(formData: FormData) => {
          // prevent user from sending blank/empty message
          if (localDraft === "") return;
          const message = formData.get("messageInput") as string;
@@ -97,7 +91,7 @@ export const MessageInput = ({
        <div className="flex grow gap-2">
          <span className="w-full">
            <Input
-              autoFocus={true}
+              autoFocus
              minLength={1}
              name="messageInput"
              placeholder="Enter Message"
@@ -1,7 +1,6 @@
 import { useDevice } from "@app/core/stores/deviceStore.ts";
 import type { Protobuf } from "@meshtastic/core";
 import { numberToHexUnpadded } from "@noble/curves/abstract/utils";
-import type { JSX } from "react";

 export interface TraceRouteProps {
  from?: Protobuf.Mesh.NodeInfo;
@@ -19,7 +18,7 @@ export const TraceRoute = ({
  routeBack,
  snrTowards,
  snrBack,
-}: TraceRouteProps): JSX.Element => {
+}: TraceRouteProps) => {
  const { nodes } = useDevice();

  return (
@@ -38,23 +37,25 @@ export const TraceRoute = ({
        ))}
        {from?.user?.longName}
      </span>
-      {routeBack ? (
-        <span className="ml-4 border-l-2 border-l-background-primary pl-2 text-text-primary">
-          <p className="font-semibold">Route back:</p>
-          <p>{from?.user?.longName}</p>
-          <p>↓ {snrBack?.[0] ? snrBack[0] : "??"}dB</p>
-          {routeBack.map((hop, i) => (
-            <span key={nodes.get(hop)?.num}>
-              <p>
-                {nodes.get(hop)?.user?.longName ??
-                  `!${numberToHexUnpadded(hop)}`}
-              </p>
-              <p>↓ {snrBack?.[i + 1] ? snrBack[i + 1] : "??"}dB</p>
-            </span>
-          ))}
-          {to?.user?.longName}
-        </span>
-      ) : null}
+      {routeBack
+        ? (
+          <span className="ml-4 border-l-2 border-l-background-primary pl-2 text-text-primary">
+            <p className="font-semibold">Route back:</p>
+            <p>{from?.user?.longName}</p>
+            <p>↓ {snrBack?.[0] ? snrBack[0] : "??"}dB</p>
+            {routeBack.map((hop, i) => (
+              <span key={nodes.get(hop)?.num}>
+                <p>
+                  {nodes.get(hop)?.user?.longName ??
+                    `!${numberToHexUnpadded(hop)}`}
+                </p>
+                <p>↓ {snrBack?.[i + 1] ? snrBack[i + 1] : "??"}dB</p>
+              </span>
+            ))}
+            {to?.user?.longName}
+          </span>
+        )
+        : null}
    </div>
  );
 };