Update ServerRow.tsx

kokofixcomputers · Oct 6, 2024 · ca54e98 · ca54e98
1 parent e33ad22
commit ca54e98
Showing 1 changed file with 34 additions and 24 deletions.
diff --git a/resources/scripts/components/dashboard/ServerRow.tsx b/resources/scripts/components/dashboard/ServerRow.tsx
@@ -40,7 +40,7 @@ const StatusIndicatorBox = styled(GreyRowBox)<{ $status: ServerPowerState | unde
     &:hover .status-bar {
         ${tw`opacity-75`};
     }
-`;
+};
 
 type Timer = ReturnType<typeof setInterval>;
 
@@ -99,29 +99,39 @@ export default ({ server, className }: { server: Server; className?: string }) =
                             ))}
                     </p>
                 </div>
-                {!stats ||
-                    (isSuspended &&
-                        (isSuspended ? (
-                            <div css={tw`flex-1 text-center`}>
-                                <span css={tw`bg-red-500 rounded px-2 py-1 text-red-100 text-xs`}>
-                                    {server.status === 'suspended' ? 'Suspended' : 'Connection Error'}
-                                </span>
-                            </div>
-                        ) : server.isTransferring || server.status ? (
-                            <div css={tw`flex-1 text-center`}>
-                                <span css={tw`bg-neutral-500 rounded px-2 py-1 text-neutral-100 text-xs`}>
-                                    {server.isTransferring
-                                        ? 'Transferring'
-                                        : server.status === 'installing'
-                                        ? 'Installing'
-                                        : server.status === 'restoring_backup'
-                                        ? 'Restoring Backup'
-                                        : 'Unavailable'}
-                                </span>
-                            </div>
-                        ) : (
-                            <Spinner size={'small'} />
-                        )))}
+                {!stats ? (
+                    <Spinner size={'small'} />
+                ) : isSuspended ? (
+                    <div css={tw`flex-1 text-center`}>
+                        <span css={tw`bg-red-500 rounded px-2 py-1 text-red-100 text-xs`}>
+                            {server.status === 'suspended' ? 'Suspended' : 'Connection Error'}
+                        </span>
+                    </div>
+                ) : server.isTransferring ? (
+                    <div css={tw`flex-1 text-center`}>
+                        <span css={tw`bg-neutral-500 rounded px-2 py-1 text-neutral-100 text-xs`}>
+                            {'Transferring'}
+                        </span>
+                    </div>
+                ) : server.status === 'installing' ? (
+                    <div css={tw`flex-1 text-center`}>
+                        <span css={tw`bg-neutral-500 rounded px-2 py-1 text-neutral-100 text-xs`}>
+                            {'Installing'}
+                        </span>
+                    </div>
+                ) : server.status === 'restoring_backup' ? (
+                    <div css={tw`flex-1 text-center`}>
+                        <span css={tw`bg-neutral-500 rounded px-2 py-1 text-neutral-100 text-xs`}>
+                            {'Restoring Backup'}
+                        </span>
+                    </div>
+                ) : (
+                    <div css={tw`flex-1 text-center`}>
+                        <span css={tw`bg-neutral-500 rounded px-2 py-1 text-neutral-100 text-xs`}>
+                            {'Unavailable'}
+                        </span>
+                    </div>
+                )}
             </div>
             {stats && (
                 <div css={tw`hidden col-span-12 sm:flex items-baseline justify-center items-center`}>