From 22887b4dd62d035a85a69186748ee2d6a9069a52 Mon Sep 17 00:00:00 2001
From: Leo Lutz <leo@leolutz.com>
Date: Mon, 17 Feb 2025 23:36:21 -0700
Subject: [PATCH] Add avator to nodes table

---
 src/pages/Nodes.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Nodes.tsx b/src/pages/Nodes.tsx
index 93d12b7e..dd4a9765 100644
--- a/src/pages/Nodes.tsx
+++ b/src/pages/Nodes.tsx
@@ -1,6 +1,7 @@
 import Footer from "@app/components/UI/Footer";
 import { useAppStore } from "@app/core/stores/appStore";
 import { Sidebar } from "@components/Sidebar.tsx";
+import { Avatar } from "@components/UI/Avatar.tsx";
 import { Button } from "@components/UI/Button.tsx";
 import { Mono } from "@components/generic/Mono.tsx";
 import { Table } from "@components/generic/Table/index.tsx";
@@ -56,10 +57,9 @@ const NodesPage = (): JSX.Element => {
               { title: "Remove", type: "normal", sortable: false },
             ]}
             rows={filteredNodes.map((node) => [
-              <span
-                key={node.num}
-                className="h-3 w-3 rounded-full bg-accent"
-              />,
+              <div key={node.num}>
+                <Avatar text={node.user?.shortName.toString() ?? "UNK"}/>
+              </div>,
 
               <h1 key="header">
                 {node.user?.longName ??