Show server status

Author: DaneEveritt

resources/scripts/components/dashboard/ServerRow.tsx

@@ -59,7 +59,17 @@ export default ({ server, className }: { server: Server; className?: string }) =
                 <FontAwesomeIcon icon={faServer}/>
             </div>
             <div css={tw`flex-1 ml-4`}>
-                <p css={tw`text-lg`}>{server.name}</p>
+                <div css={tw`flex items-center`}>
+                    <div
+                        css={[
+                            tw`w-3 h-3 rounded-full mr-2`,
+                            (!stats?.status || stats?.status === 'offline')
+                                ? tw`bg-red-500`
+                                : (stats?.status === 'running' ? tw`bg-green-500` : tw`bg-yellow-500`),
+                        ]}
+                    />
+                    <p css={tw`text-lg`}>{server.name}</p>
+                </div>
             </div>
             <div css={tw`w-1/4 overflow-hidden`}>
                 <div css={tw`flex ml-4`}>