Fixes, new debug output & more.

src/App.tsx

@@ -13,12 +13,12 @@ import {
   addChannel,
   addMessage,
   addNode,
+  addUser,
   setDeviceStatus,
   setLastMeshInterraction,
   setMyNodeInfo,
   setPreferences,
   setReady,
-  setUser,
 } from '@core/slices/meshtasticSlice';
 import {
   IHTTPConnection,
@@ -82,17 +82,15 @@ const App = (): JSX.Element => {
     });
 
     connection.onUserPacket.subscribe((user) => {
-      dispatch(
-        setUser({
-          nodeNum: user.packet.from,
-          user: user.data,
-        }),
-      );
+      console.log('got user packet');
+
+      dispatch(addUser(user.data));
     });
 
     connection.onNodeInfoPacket.subscribe(
-      (nodeInfoPacket): void | { payload: Protobuf.NodeInfo; type: string } =>
-        dispatch(addNode(nodeInfoPacket.data)),
+      (nodeInfoPacket): void | { payload: Protobuf.NodeInfo; type: string } => {
+        dispatch(addNode(nodeInfoPacket.data));
+      },
     );
 
     connection.onAdminPacket.subscribe((adminPacket) => {
@@ -145,7 +143,7 @@ const App = (): JSX.Element => {
     >
       <div className="flex flex-col h-full bg-gray-200 dark:bg-primaryDark">
         <div className="flex flex-shrink-0 overflow-hidden bg-primary dark:bg-primary">
-          <div className="w-full overflow-hidden bg-white border-b md:mt-6 md:mx-6 md:pt-4 md:pb-3 md:rounded-t-3xl dark:border-gray-600 md:shadow-md dark:bg-primaryDark">
+          <div className="w-full overflow-hidden bg-white border-b border-gray-300 md:mt-6 md:mx-6 md:pt-4 md:pb-3 md:rounded-t-3xl dark:border-gray-600 md:shadow-md dark:bg-primaryDark">
             <div className="flex items-center justify-between h-16 px-4 md:px-6">
               <div className="hidden md:flex">
                 <Logo />