Update ServerRow.tsx

kokofixcomputers · Oct 7, 2024 · 39adea3 · 39adea3
1 parent d2fb79d
commit 39adea3
Showing 1 changed file with 26 additions and 24 deletions.
diff --git a/resources/scripts/components/dashboard/ServerRow.tsx b/resources/scripts/components/dashboard/ServerRow.tsx
@@ -93,36 +93,38 @@ export default ({ server, className }: { server: Server; className?: string }) =
                         {server.allocations
                             .filter((alloc) => alloc.isDefault)
                             .map((allocation) => (
-                                <React.Fragment key={allocation.ip + allocation.port.toString                                }>
+                                <React.Fragment key={allocation.ip + allocation.port.toString()}>
                                     {allocation.alias || ip(allocation.ip)}:{allocation.port}
                                 </React.Fragment>
                             ))}
                     </p>
                 </div>
                 <div css={tw`hidden col-span-7 lg:col-span-4 sm:flex items-baseline justify-center`}>
-                    {!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'} />
-                        )
-                    ) : null}
+                                       <div css={tw`flex flex-col items-center`}>
+                        {!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'} />
+                            )
+                        ) : null}
+                    </div>
                 </div>
             </div>
             {stats && (