From 83cb8badd1efb578a94b03c091bb95b19023d834 Mon Sep 17 00:00:00 2001
From: Sacha Weatherstone <sachaw100@hotmail.com>
Date: Mon, 7 Feb 2022 23:39:23 +1100
Subject: [PATCH] Placeholder DM's

---
 src/pages/Messages/index.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/pages/Messages/index.tsx b/src/pages/Messages/index.tsx
index 2c25c26f..7d8d3c5a 100644
--- a/src/pages/Messages/index.tsx
+++ b/src/pages/Messages/index.tsx
@@ -38,6 +38,26 @@ export const Messages = (): JSX.Element => {
       icon={<FiMessageCircle />}
       sidebarContents={
         <div className="flex flex-col gap-2">
+          {nodes.map((node) => (
+            <SidebarItem
+              key={node.number}
+              selected={false}
+              setSelected={(): void => {
+                void Promise.resolve();
+              }}
+              actions={<IconButton icon={<FiSettings />} />}
+            >
+              <div className="flex dark:text-white">
+                <div className="m-auto">
+                  <Hashicon value={node.number.toString()} size={32} />
+                </div>
+              </div>
+              <div className="my-auto mr-auto font-semibold dark:text-white">
+                {node.user?.longName ?? 'Unknown'}
+              </div>
+            </SidebarItem>
+          ))}
+          <div className="mx-2 rounded-md border-2 border-gray-300 dark:border-gray-600" />
           {channels.map((channel) => (
             <SidebarItem
               key={channel.channel.index}