From f59ed30ff66b0e81d405bad1ea07f5ee8e16dedb Mon Sep 17 00:00:00 2001
From: Tsu-ba-me <ynho.li.aa.e@gmail.com>
Date: Sat, 30 Sep 2023 04:16:02 -0400
Subject: [PATCH] fix(striker-ui): adjust server list header, show node list in
 dashboard

---
 striker-ui/pages/index.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/striker-ui/pages/index.tsx b/striker-ui/pages/index.tsx
index af64bb03..cb21383d 100644
--- a/striker-ui/pages/index.tsx
+++ b/striker-ui/pages/index.tsx
@@ -7,6 +7,7 @@ import { Add as AddIcon } from '@mui/icons-material';
 import API_BASE_URL from '../lib/consts/API_BASE_URL';
 import { DIVIDER } from '../lib/consts/DEFAULT_THEME';
 
+import AnvilSummaryList from '../components/Anvils/AnvilSummaryList';
 import { Preview } from '../components/Display';
 import fetchJSON from '../lib/fetchers/fetchJSON';
 import Header from '../components/Header';
@@ -17,6 +18,7 @@ import { Panel, PanelHeader } from '../components/Panels';
 import periodicFetch from '../lib/fetchers/periodicFetch';
 import ProvisionServerDialog from '../components/ProvisionServerDialog';
 import Spinner from '../components/Spinner';
+import { HeaderText } from '../components/Text';
 import { last } from '../lib/time';
 
 type ServerListItem = ServerOverviewMetadata & {
@@ -223,6 +225,10 @@ const Dashboard: FC = () => {
         ) : (
           <>
             <PanelHeader>
+              <HeaderText>Servers</HeaderText>
+              <IconButton onClick={() => setIsOpenProvisionServerDialog(true)}>
+                <AddIcon />
+              </IconButton>
               <OutlinedInput
                 placeholder="Search by server name"
                 onChange={({ target: { value } }) => {
@@ -232,9 +238,6 @@ const Dashboard: FC = () => {
                 sx={{ marginRight: '.6em' }}
                 value={inputSearchTerm}
               />
-              <IconButton onClick={() => setIsOpenProvisionServerDialog(true)}>
-                <AddIcon />
-              </IconButton>
             </PanelHeader>
             {createServerPreviewContainer(includeServers, router)}
             {includeServers.length > 0 && (
@@ -244,6 +247,7 @@ const Dashboard: FC = () => {
           </>
         )}
       </Panel>
+      <AnvilSummaryList />
       <ProvisionServerDialog
         dialogProps={{ open: isOpenProvisionServerDialog }}
         onClose={() => {