More visual fixes

BrunoQuaresma · BrunoQuaresma · commit b0f773d8487b · 2024-01-17T15:42:40.000Z
diff --git a/site/src/components/Resources/AgentRow.tsx b/site/src/components/Resources/AgentRow.tsx
@@ -607,6 +607,10 @@ const styles = {
     gap: 16,
     flexWrap: "wrap",
 
+    "&:empty": {
+      display: "none",
+    },
+
     [theme.breakpoints.down("md")]: {
       marginLeft: 0,
       justifyContent: "flex-start",
diff --git a/site/src/components/Resources/ResourceCard.stories.tsx b/site/src/components/Resources/ResourceCard.stories.tsx
@@ -1,14 +1,12 @@
-import { action } from "@storybook/addon-actions";
 import {
   MockProxyLatencies,
-  MockWorkspace,
   MockWorkspaceResource,
 } from "testHelpers/entities";
-import { AgentRow } from "./AgentRow";
 import { ResourceCard } from "./ResourceCard";
 import { ProxyContext, getPreferredProxy } from "contexts/ProxyContext";
 import type { Meta, StoryObj } from "@storybook/react";
 import { type WorkspaceAgent } from "api/typesGenerated";
+import { AgentRowPreview } from "./AgentRowPreview";
 
 const meta: Meta<typeof ResourceCard> = {
   title: "components/Resources/ResourceCard",
@@ -93,15 +91,7 @@ function getAgentRow(agent: WorkspaceAgent): JSX.Element {
         },
       }}
     >
-      <AgentRow
-        showApps
-        key={agent.id}
-        agent={agent}
-        workspace={MockWorkspace}
-        serverVersion=""
-        serverAPIVersion=""
-        onUpdateAgent={action("updateAgent")}
-      />
+      <AgentRowPreview agent={agent} key={agent.id} />
     </ProxyContext.Provider>
   );
 }
