From cdab0769c631d6c17c82f56a11e509e3f6dbc947 Mon Sep 17 00:00:00 2001
From: Augustin Husson <augustin.husson@amadeus.com>
Date: Wed, 1 Mar 2023 16:06:18 +0100
Subject: [PATCH] add display of peers

Signed-off-by: Augustin Husson <augustin.husson@amadeus.com>
---
 ui/react-app/src/views/ViewStatus.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/ui/react-app/src/views/ViewStatus.tsx b/ui/react-app/src/views/ViewStatus.tsx
index b43b6e9a..b3357428 100644
--- a/ui/react-app/src/views/ViewStatus.tsx
+++ b/ui/react-app/src/views/ViewStatus.tsx
@@ -1,6 +1,8 @@
 import {
   Chip,
   Container,
+  List,
+  ListItem,
   SxProps,
   Table,
   TableCell,
@@ -65,6 +67,26 @@ export default function ViewStatus() {
             <Chip color={data.cluster.status === 'ready' ? 'success' : 'error'} label={data.cluster.status} />
           </TableCell>
         </TableRow>
+        <TableRow>
+          <TableCell variant="head" sx={tableHeaderStyle}>
+            Peers
+          </TableCell>
+          <TableCell>
+            <List>
+              {data.cluster.peers.map((peer, i) => {
+                return (
+                  <ListItem disablePadding sx={{ display: 'list-item' }} key={i}>
+                    <p>
+                      Name: {peer.name}
+                      <br />
+                      Address: {peer.address}
+                    </p>
+                  </ListItem>
+                );
+              })}
+            </List>
+          </TableCell>
+        </TableRow>
       </Table>
       <Typography variant="h4">Version Information</Typography>
       <TableContainer>