Fix stories

BrunoQuaresma · BrunoQuaresma · commit 49c3a4ef3bdc · 2022-10-27T17:04:03.000Z
diff --git a/site/src/components/AppLink/AppLink.stories.tsx b/site/src/components/AppLink/AppLink.stories.tsx
@@ -1,6 +1,7 @@
 import { Story } from "@storybook/react"
 import {
   MockWorkspace,
+  MockWorkspaceAgent,
   MockWorkspaceApp,
 } from "../../testHelpers/renderHelpers"
 import { AppLink, AppLinkProps } from "./AppLink"
@@ -22,6 +23,7 @@ WithIcon.args = {
     sharing_level: "owner",
     health: "healthy",
   },
+  agent: MockWorkspaceAgent,
 }
 
 export const WithoutIcon = Template.bind({})
@@ -33,6 +35,7 @@ WithoutIcon.args = {
     sharing_level: "owner",
     health: "healthy",
   },
+  agent: MockWorkspaceAgent,
 }
 
 export const HealthDisabled = Template.bind({})
@@ -44,6 +47,7 @@ HealthDisabled.args = {
     sharing_level: "owner",
     health: "disabled",
   },
+  agent: MockWorkspaceAgent,
 }
 
 export const HealthInitializing = Template.bind({})
@@ -54,6 +58,7 @@ HealthInitializing.args = {
     name: "code-server",
     health: "initializing",
   },
+  agent: MockWorkspaceAgent,
 }
 
 export const HealthUnhealthy = Template.bind({})
@@ -64,4 +69,5 @@ HealthUnhealthy.args = {
     name: "code-server",
     health: "unhealthy",
   },
+  agent: MockWorkspaceAgent,
 }
diff --git a/site/src/components/Resources/AgentRow.stories.tsx b/site/src/components/Resources/AgentRow.stories.tsx
@@ -0,0 +1,35 @@
+import { Story } from "@storybook/react"
+import { MockWorkspace, MockWorkspaceAgent } from "testHelpers/entities"
+import { AgentRow, AgentRowProps } from "./AgentRow"
+
+export default {
+  title: "components/AgentRow",
+  component: AgentRow,
+}
+
+const Template: Story<AgentRowProps> = (args) => <AgentRow {...args} />
+
+export const Example = Template.bind({})
+Example.args = {
+  agent: MockWorkspaceAgent,
+  workspace: MockWorkspace,
+  applicationsHost: "",
+  showApps: true,
+}
+
+export const HideSSHButton = Template.bind({})
+HideSSHButton.args = {
+  agent: MockWorkspaceAgent,
+  workspace: MockWorkspace,
+  applicationsHost: "",
+  showApps: true,
+  hideSSHButton: true,
+}
+
+export const NotShowingApps = Template.bind({})
+NotShowingApps.args = {
+  agent: MockWorkspaceAgent,
+  workspace: MockWorkspace,
+  applicationsHost: "",
+  showApps: false,
+}
diff --git a/site/src/components/Resources/ResourceCard.stories.tsx b/site/src/components/Resources/ResourceCard.stories.tsx
@@ -1,10 +1,10 @@
 import { Story } from "@storybook/react"
 import {
-  MockWorkspace,
   MockWorkspaceAgent,
   MockWorkspaceApp,
   MockWorkspaceResource,
 } from "testHelpers/entities"
+import { AgentRowPreview } from "./AgentRowPreview"
 import { ResourceCard, ResourceCardProps } from "./ResourceCard"
 
 export default {
@@ -17,23 +17,7 @@ const Template: Story<ResourceCardProps> = (args) => <ResourceCard {...args} />
 export const Example = Template.bind({})
 Example.args = {
   resource: MockWorkspaceResource,
-  workspace: MockWorkspace,
-  applicationsHost: "https://dev.coder.com",
-  hideSSHButton: false,
-  showApps: true,
-  serverVersion: MockWorkspaceAgent.version,
-}
-
-export const NotShowingApps = Template.bind({})
-NotShowingApps.args = {
-  ...Example.args,
-  showApps: false,
-}
-
-export const HideSSHButton = Template.bind({})
-HideSSHButton.args = {
-  ...Example.args,
-  hideSSHButton: true,
+  agentRow: (agent) => <AgentRowPreview key={agent.id} agent={agent} />,
 }
 
 export const BunchOfApps = Template.bind({})
