Also hide power buttons

resources/scripts/components/server/console/ServerConsoleContainer.tsx

@@ -20,6 +20,7 @@ const ServerConsoleContainer = () => {
     const isTransferring = ServerContext.useStoreState((state) => state.server.data!.isTransferring);
     const eggFeatures = ServerContext.useStoreState((state) => state.server.data!.eggFeatures, isEqual);
     const isNodeUnderMaintenance = ServerContext.useStoreState((state) => state.server.data!.isNodeUnderMaintenance);
+    const isSuspended = ServerContext.useStoreState((state) => state.server.data!.status === 'suspended');
 
     return (
         <ServerContentBlock title={'Console'}>
@@ -32,15 +33,22 @@ const ServerConsoleContainer = () => {
                         : 'This server is currently being transferred to another node and all actions are unavailable.'}
                 </Alert>
             )}
+            {isSuspended && (
+                <Alert type={'danger'} className={'mb-4'}>
+                    This server is currently suspended.
+                </Alert>
+            )}
             <div className={'grid grid-cols-4 gap-4 mb-4'}>
                 <div className={'hidden sm:block sm:col-span-2 lg:col-span-3 pr-4'}>
                     <h1 className={'font-header text-2xl text-gray-50 leading-relaxed line-clamp-1'}>{name}</h1>
                     <p className={'text-sm line-clamp-2'}>{description}</p>
                 </div>
                 <div className={'col-span-4 sm:col-span-2 lg:col-span-1 self-end'}>
-                    <Can action={['control.start', 'control.stop', 'control.restart']} matchAny>
+                    {!isSuspended && (
-                        <PowerButtons className={'flex sm:justify-end space-x-2'} />
+                        <Can action={['control.start', 'control.stop', 'control.restart']} matchAny>
-                    </Can>
+                            <PowerButtons className={'flex sm:justify-end space-x-2'} />
+                        </Can>
+                    )}
                 </div>
             </div>
             <div className={'grid grid-cols-4 gap-2 sm:gap-4 mb-4'}>