device store cleanup & peers page improvements

src/components/PageComponents/Messages/ChannelChat.tsx

@@ -22,12 +22,9 @@ export const ChannelChat = ({ channel }: ChannelChatProps): JSX.Element => {
             lastMsgSameUser={
               index === 0
                 ? false
-                : channel.messages[index - 1].packet.from ===
-                  message.packet.from
-            }
-            sender={
-              nodes.find((node) => node.data.num === message.packet.from)?.data
+                : channel.messages[index - 1].from === message.from
             }
+            sender={nodes.find((node) => node.data.num === message.from)?.data}
           />
         ))}
       </div>

src/components/PageComponents/Messages/Message.tsx

@@ -25,12 +25,12 @@ export const Message = ({
   const { setPeerInfoOpen, setActivePeer, connection } = useDevice();
 
   const openPeer = (): void => {
-    setActivePeer(message.packet.from);
+    setActivePeer(message.from);
     setPeerInfoOpen(true);
   };
 
   return lastMsgSameUser ? (
-    <div className="ml-4 flex">
+    <div className="ml-5 flex">
       {message.state === "ack" ? (
         <CheckCircleIcon className="my-auto h-4 text-textSecondary" />
       ) : message.state === "waiting" ? (
@@ -46,7 +46,7 @@ export const Message = ({
             message.state === "ack" ? "text-textPrimary" : "text-textSecondary"
           }`}
         >
-          {message.text}
+          {message.data}
         </span>
       )}
     </div>
@@ -63,14 +63,13 @@ export const Message = ({
           {sender?.user?.longName ?? "UNK"}
         </span>
         <span className="mt-1 font-mono text-xs text-textSecondary">
-          {new Date(message.packet.rxTime).toLocaleTimeString(undefined, {
+          {message.rxTime.toLocaleTimeString(undefined, {
             hour: "2-digit",
             minute: "2-digit"
           })}
         </span>
       </div>
-      <div className="flex">
-        {/* <ExclamationCircleIcon /> */}
+      <div className="ml-1 flex">
         {message.state === "ack" ? (
           <CheckCircleIcon className="my-auto h-4 text-textSecondary" />
         ) : message.state === "waiting" ? (
@@ -88,7 +87,7 @@ export const Message = ({
                 : "text-textSecondary"
             }`}
           >
-            {message.text}
+            {message.data}
           </span>
         )}
       </div>