From 2c468fa66bc0f6bc2a603b3d075968a2294c862d Mon Sep 17 00:00:00 2001
From: Shaun Orssaud <shaun.orssaud@gmail.com>
Date: Mon, 8 Jan 2024 16:28:24 +0900
Subject: [PATCH] Add announce address to debug page

---
 .../src/components/debugInfoItem/debugInfoItem.tsx     | 10 ++++++++--
 frontend/src/data/models/DebugNodeInfoModel.ts         |  1 +
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/debugInfoItem/debugInfoItem.tsx b/frontend/src/components/debugInfoItem/debugInfoItem.tsx
index 7148abd..b3b5998 100644
--- a/frontend/src/components/debugInfoItem/debugInfoItem.tsx
+++ b/frontend/src/components/debugInfoItem/debugInfoItem.tsx
@@ -31,6 +31,12 @@ function NodeInfoItemComponent(props: {
             {props.data.spr}
           </p>
         </div>
+        <div id="info-row">
+          <p>
+            <span>Announce Adresses: </span>
+            {props.data.announceAddresses.join(", ")}
+          </p>
+        </div>
         <div>
           <h3>Local Node</h3>
           <div id="info-row">
@@ -53,8 +59,8 @@ function NodeInfoItemComponent(props: {
               {`${props.data.table.localNode.seen
                 .toString()[0]
                 .toUpperCase()}${props.data.table.localNode.seen
-                .toString()
-                .slice(1)}`}
+                  .toString()
+                  .slice(1)}`}
             </p>
           </div>
         </div>
diff --git a/frontend/src/data/models/DebugNodeInfoModel.ts b/frontend/src/data/models/DebugNodeInfoModel.ts
index 45d681d..4168d25 100644
--- a/frontend/src/data/models/DebugNodeInfoModel.ts
+++ b/frontend/src/data/models/DebugNodeInfoModel.ts
@@ -5,6 +5,7 @@ export interface DebugNodeInfoModel {
   spr: string;
   table: Table;
   codex: Codex;
+  announceAddresses: string[];
 }
 
 export interface Codex {