From 06c480ef003089de6a37b2a1f2ede2c0c162e76a Mon Sep 17 00:00:00 2001
From: mbecker20 <becker.maxh@gmail.com>
Date: Mon, 25 Mar 2024 06:24:19 -0700
Subject: [PATCH] wrap table in section

---
 frontend/src/components/resources/server/index.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/resources/server/index.tsx b/frontend/src/components/resources/server/index.tsx
index 3d58878df..2704d47da 100644
--- a/frontend/src/components/resources/server/index.tsx
+++ b/frontend/src/components/resources/server/index.tsx
@@ -9,6 +9,7 @@ import {
   Database,
   ServerIcon,
   AlertTriangle,
+  Rocket,
 } from "lucide-react";
 import { ServerStats } from "./stats";
 import { ConfigInner } from "@components/config";
@@ -224,7 +225,11 @@ export const ServerComponents: RequiredResourceComponents = {
     Stats: ({ id }) => <ServerStats server_id={id} />,
     Deployments: ({ id }) => {
       const deployments = useRead("ListDeployments", {}).data?.filter(deployment => deployment.info.server_id === id);
-      return <DeploymentTable deployments={deployments} />
+      return (
+        <Section title="Deployments" icon={<Rocket className="w-4 h-4" />}>
+          <DeploymentTable deployments={deployments} />
+        </Section>
+      );
     },
     Config: ({ id }) => <ServerConfig id={id} />,
     Danger: ({ id }) => (