format

src/components/PageComponents/Messages/ChannelChat.tsx

@@ -34,7 +34,8 @@ 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;
@@ -71,8 +72,9 @@ 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
+                }
               />
             );
           })}

src/components/PageComponents/Messages/MessageInput.tsx

@@ -51,7 +51,7 @@ export const MessageInput = ({
             myNodeNum,
             id,
             "ack",
-          )
+          ),
         )
         .catch((e: Types.PacketError) =>
           setMessageState(
@@ -61,7 +61,7 @@ export const MessageInput = ({
             myNodeNum,
             e.id,
             e.error,
-          )
+          ),
         );
     },
     [channel, connection, myNodeNum, setMessageState, to],

src/components/PageComponents/Messages/TraceRoute.tsx

@@ -38,25 +38,23 @@ 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>
   );
 };