diff --git a/striker-ui/pages/index.tsx b/striker-ui/pages/index.tsx index 3b355955..c56e1194 100644 --- a/striker-ui/pages/index.tsx +++ b/striker-ui/pages/index.tsx @@ -8,6 +8,7 @@ import { DIVIDER } from '../lib/consts/DEFAULT_THEME'; import { Preview } from '../components/Display'; import Header from '../components/Header'; +import Link from '../components/Link'; import OutlinedInput from '../components/OutlinedInput'; import { Panel, PanelHeader } from '../components/Panels'; import periodicFetch from '../lib/fetchers/periodicFetch'; @@ -30,7 +31,7 @@ const createServerPreviewContainer = ( flexWrap: 'wrap', '& > *': { - width: { xs: '20em', md: '30em' }, + width: { xs: '20em', md: '24em' }, }, '& > :not(:last-child)': { @@ -39,14 +40,30 @@ const createServerPreviewContainer = ( }} > {servers.map( - ({ isScreenshotStale, screenshot, serverName, serverUUID }) => ( + ({ + anvilName, + isScreenshotStale, + screenshot, + serverName, + serverUUID, + }) => ( + {anvilName} + + } isExternalPreviewStale={isScreenshotStale} isFetchPreview={false} isShowControls={false} isUseInnerPanel - externalPreview={screenshot} + key={`server-preview-${serverUUID}`} serverName={serverName} serverUUID={serverUUID} setMode={() => { diff --git a/striker-ui/types/APIServer.d.ts b/striker-ui/types/APIServer.d.ts index 114f8947..d4408490 100644 --- a/striker-ui/types/APIServer.d.ts +++ b/striker-ui/types/APIServer.d.ts @@ -1,4 +1,6 @@ type ServerOverviewMetadata = { + anvilName: string; + anvilUUID: string; serverHostUUID: string; serverName: string; serverState: string;