41 lines
800 B
TypeScript
41 lines
800 B
TypeScript
import React from "react";
|
|
|
|
interface Props {
|
|
serverStatus: string;
|
|
}
|
|
|
|
const serverStatus = ({ serverStatus }: Props) => {
|
|
let color = "bg-danger";
|
|
switch (serverStatus) {
|
|
case "running":
|
|
serverStatus = "Running";
|
|
color = "bg-success";
|
|
break;
|
|
case "offline":
|
|
serverStatus = "Offline";
|
|
color = "bg-error";
|
|
break;
|
|
case "starting":
|
|
serverStatus = "Starting";
|
|
color = "bg-info";
|
|
break;
|
|
case "stopping":
|
|
serverStatus = "Stopping";
|
|
color = "bg-error";
|
|
break;
|
|
default:
|
|
serverStatus = "N/A";
|
|
}
|
|
|
|
let bgColor =
|
|
"p-3 rounded-md w-32 font-weight-600 font-face text-center " + color;
|
|
|
|
return (
|
|
<>
|
|
<div className={bgColor}>{serverStatus}</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default serverStatus;
|