Add missing stories

coder · BrunoQuaresma · May 20, 2022 · May 20, 2022 · May 20, 2022 · May 20, 2022
commit 90a2c6c19adc0f68f762c8d5ba8e28cd8fba877c
diff --git a/site/src/components/WorkspaceActionButton/WorkspaceActionButton.stories.tsx b/site/src/components/WorkspaceActionButton/WorkspaceActionButton.stories.tsx
@@ -0,0 +1,27 @@
+import PlayArrowRoundedIcon from "@material-ui/icons/PlayArrowRounded"
+import { ComponentMeta, Story } from "@storybook/react"
+import React from "react"
+import { WorkspaceActionButton, WorkspaceActionButtonProps } from "./WorkspaceActionButton"
+
+export default {
+  title: "components/WorkspaceActionButton",
+  component: WorkspaceActionButton,
+} as ComponentMeta<typeof WorkspaceActionButton>
+
+const Template: Story<WorkspaceActionButtonProps> = (args) => <WorkspaceActionButton {...args} />
+
+export const Example = Template.bind({})
+Example.args = {
+  icon: <PlayArrowRoundedIcon />,
+  label: "Start workspace",
+  loadingLabel: "Starting workspace",
+  isLoading: false,
+}
+
+export const Loading = Template.bind({})
+Loading.args = {
+  icon: <PlayArrowRoundedIcon />,
+  label: "Start workspace",
+  loadingLabel: "Starting workspace",
+  isLoading: true,
+}
diff --git a/site/src/components/WorkspaceBuildStats/WorkspaceBuildStats.tsx b/site/src/components/WorkspaceBuildStats/WorkspaceBuildStats.tsx
@@ -91,7 +91,7 @@ const useStyles = makeStyles((theme) => ({
     width: 1,
     height: theme.spacing(5),
     backgroundColor: theme.palette.divider,
-    marginRight: theme.spacing(3),
+    marginRight: theme.spacing(2),
   },
 
   capitalize: {

diff --git a/site/src/components/WorkspaceSchedule/WorkspaceSchedule.tsx b/site/src/components/WorkspaceSchedule/WorkspaceSchedule.tsx
diff --git a/...aceSchedule/WorkspaceSchedule.stories.tsx → ...WorkspaceStats/WorkspaceStats.stories.tsx b/...aceSchedule/WorkspaceSchedule.stories.tsx → ...WorkspaceStats/WorkspaceStats.stories.tsx
@@ -2,14 +2,14 @@ import { Story } from "@storybook/react"
 import dayjs from "dayjs"
 import React from "react"
 import * as Mocks from "../../testHelpers/renderHelpers"
-import { WorkspaceSchedule, WorkspaceScheduleProps } from "./WorkspaceSchedule"
+import { WorkspaceStats, WorkspaceStatsProps } from "../WorkspaceStats/WorkspaceStats"
 
 export default {
-  title: "components/WorkspaceSchedule",
-  component: WorkspaceSchedule,
+  title: "components/WorkspaceStats",
+  component: WorkspaceStats,
 }
 
-const Template: Story<WorkspaceScheduleProps> = (args) => <WorkspaceSchedule {...args} />
+const Template: Story<WorkspaceStatsProps> = (args) => <WorkspaceStats {...args} />
 
 export const NoTTL = Template.bind({})
 NoTTL.args = {

diff --git a/site/src/components/WorkspaceStats/WorkspaceStats.tsx b/site/src/components/WorkspaceStats/WorkspaceStats.tsx
@@ -147,7 +147,7 @@ const useStyles = makeStyles((theme) => ({
     width: 1,
     height: theme.spacing(5),
     backgroundColor: theme.palette.divider,
-    marginRight: theme.spacing(3),
+    marginRight: theme.spacing(2),
   },
 
   capitalize: {

diff --git a/site/src/components/WorkspaceStatusBar/WorkspaceStatusBar.tsx b/site/src/components/WorkspaceStatusBar/WorkspaceStatusBar.tsx