From 6cdb91f8b8691703801de95f552f8bd38c02065f Mon Sep 17 00:00:00 2001
From: mbecker20 <becker.maxh@gmail.com>
Date: Thu, 4 May 2023 01:12:55 +0000
Subject: [PATCH] more readable container state in header

---
 frontend/src/components/deployment/Header.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/deployment/Header.tsx b/frontend/src/components/deployment/Header.tsx
index 54a0fac5d..cc57770f7 100644
--- a/frontend/src/components/deployment/Header.tsx
+++ b/frontend/src/components/deployment/Header.tsx
@@ -2,7 +2,6 @@ import { Component, createResource, createSignal, Show } from "solid-js";
 import { useAppState } from "../../state/StateProvider";
 import { useUser } from "../../state/UserProvider";
 import {
-  combineClasses,
   deploymentHeaderStateClass,
   getId,
   readableVersion,
@@ -79,7 +78,7 @@ const Header: Component<{}> = (p) => {
     <>
       <Grid
         gap="0.5rem"
-        class={combineClasses("card shadow")}
+        class="card shadow"
         style={{
           position: "relative",
           cursor: isSemiMobile() ? "pointer" : undefined,
@@ -173,7 +172,7 @@ const Header: Component<{}> = (p) => {
               {server()?.server.name || "unknown"}
             </A>
             <div class={deploymentHeaderStateClass(deployment().state)}>
-              {deployment().state}
+              {deployment().state.replaceAll("_", " ")}
             </div>
           </Flex>
           <Show when={status()}>