Skip to content

Commit 7004290

Browse files
committed
Add stories for build icon and more for build avatar
1 parent 0a540b7 commit 7004290

File tree

2 files changed

+127
-0
lines changed

2 files changed

+127
-0
lines changed

site/src/components/BuildAvatar/BuildAvatar.stories.tsx

+99
Original file line numberDiff line numberDiff line change
@@ -36,3 +36,102 @@ export const XLSize: Story = {
3636
size: "xl",
3737
},
3838
};
39+
40+
export const Start: Story = {
41+
args: {
42+
build: {
43+
...MockWorkspaceBuild,
44+
transition: "start",
45+
},
46+
},
47+
};
48+
49+
export const Stop: Story = {
50+
args: {
51+
build: {
52+
...MockWorkspaceBuild,
53+
transition: "stop",
54+
},
55+
},
56+
};
57+
58+
export const Delete: Story = {
59+
args: {
60+
build: {
61+
...MockWorkspaceBuild,
62+
transition: "delete",
63+
},
64+
},
65+
};
66+
67+
export const Succeeded: Story = {
68+
args: {
69+
build: {
70+
...MockWorkspaceBuild,
71+
job: {
72+
...MockWorkspaceBuild.job,
73+
status: "succeeded",
74+
},
75+
},
76+
},
77+
};
78+
79+
export const Pending: Story = {
80+
args: {
81+
build: {
82+
...MockWorkspaceBuild,
83+
job: {
84+
...MockWorkspaceBuild.job,
85+
status: "pending",
86+
},
87+
},
88+
},
89+
};
90+
91+
export const Running: Story = {
92+
args: {
93+
build: {
94+
...MockWorkspaceBuild,
95+
job: {
96+
...MockWorkspaceBuild.job,
97+
status: "running",
98+
},
99+
},
100+
},
101+
};
102+
103+
export const Failed: Story = {
104+
args: {
105+
build: {
106+
...MockWorkspaceBuild,
107+
job: {
108+
...MockWorkspaceBuild.job,
109+
status: "failed",
110+
},
111+
},
112+
},
113+
};
114+
115+
export const Canceling: Story = {
116+
args: {
117+
build: {
118+
...MockWorkspaceBuild,
119+
job: {
120+
...MockWorkspaceBuild.job,
121+
status: "canceling",
122+
},
123+
},
124+
},
125+
};
126+
127+
export const Canceled: Story = {
128+
args: {
129+
build: {
130+
...MockWorkspaceBuild,
131+
job: {
132+
...MockWorkspaceBuild.job,
133+
status: "canceled",
134+
},
135+
},
136+
},
137+
};
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import type { Meta, StoryObj } from "@storybook/react";
2+
import { BuildIcon } from "./BuildIcon";
3+
4+
const meta: Meta<typeof BuildIcon> = {
5+
title: "components/BuildIcon",
6+
component: BuildIcon,
7+
};
8+
9+
export default meta;
10+
type Story = StoryObj<typeof BuildIcon>;
11+
12+
export const Start: Story = {
13+
args: {
14+
transition: "start",
15+
},
16+
};
17+
18+
export const Stop: Story = {
19+
args: {
20+
transition: "stop",
21+
},
22+
};
23+
24+
export const Delete: Story = {
25+
args: {
26+
transition: "delete",
27+
},
28+
};

0 commit comments

Comments
 (0)