From 97d3ecb80bf8e441394b29afe7d3245a91e078a7 Mon Sep 17 00:00:00 2001
From: Sacha Weatherstone <sachaw100@hotmail.com>
Date: Sun, 13 Feb 2022 22:29:17 +1100
Subject: [PATCH] Add channel or dm name to chat header

---
 src/pages/Messages/index.tsx | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/pages/Messages/index.tsx b/src/pages/Messages/index.tsx
index c8290d70..bda62c6c 100644
--- a/src/pages/Messages/index.tsx
+++ b/src/pages/Messages/index.tsx
@@ -68,13 +68,24 @@ export const Messages = (): JSX.Element => {
         <div className="flex w-full justify-between border-b border-gray-300 px-2 dark:border-gray-600 dark:text-gray-300">
           <div className="my-auto flex gap-2 py-2 text-sm">
             <IconButton icon={<FiHash className="h-4 w-4" />} />
-            {/* <div className="my-auto">
-              {channels[channelIndex]?.settings?.name.length
-                ? channels[channelIndex]?.settings?.name
-                : channels[channelIndex]?.role === Protobuf.Channel_Role.PRIMARY
-                ? 'Primary'
-                : `Channel: ${channels[channelIndex]?.index}`}
-            </div> */}
+            <div className="my-auto">
+              {channels.findIndex((ch) => ch.index === selectedChatIndex) !==
+              -1 ? (
+                <span className="text-gray-500 dark:text-gray-400">
+                  {channels[selectedChatIndex]?.settings?.name.length
+                    ? channels[selectedChatIndex]?.settings?.name
+                    : channels[selectedChatIndex]?.role ===
+                      Protobuf.Channel_Role.PRIMARY
+                    ? 'Primary'
+                    : `Channel: ${channels[selectedChatIndex]?.index}`}
+                </span>
+              ) : (
+                <span className="text-gray-500 dark:text-gray-400">
+                  {nodes.find((n) => n.number === selectedChatIndex)?.user
+                    ?.longName ?? 'Unknown'}
+                </span>
+              )}
+            </div>
           </div>
         </div>
         <div