Skip to content

Commit 8ed5ca3

Browse files
BrunoQuaresmaBrunoQuaresma
committed
Add storybook
1 parent 03cb386 commit 8ed5ca3

File tree

2 files changed

+343
-38
lines changed

2 files changed

+343
-38
lines changed

‎site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.stories.tsx

Lines changed: 290 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,290 @@
1+
import type { Meta, StoryObj } from "@storybook/react"
2+
import { TemplateInsightsPageView } from "./TemplateInsightsPage"
3+
4+
const meta: Meta<typeof TemplateInsightsPageView> = {
5+
title: "pages/TemplateInsightsPageView",
6+
component: TemplateInsightsPageView,
7+
}
8+
9+
export default meta
10+
type Story = StoryObj<typeof TemplateInsightsPageView>
11+
12+
export const Loading: Story = {
13+
args: {
14+
templateInsights: undefined,
15+
userLatency: undefined,
16+
},
17+
}
18+
19+
export const Empty: Story = {
20+
args: {
21+
templateInsights: {
22+
interval_reports: [],
23+
report: {
24+
active_users: 0,
25+
end_time: "",
26+
start_time: "",
27+
template_ids: [],
28+
apps_usage: [],
29+
},
30+
},
31+
userLatency: {
32+
report: {
33+
end_time: "",
34+
start_time: "",
35+
template_ids: [],
36+
users: [],
37+
},
38+
},
39+
},
40+
}
41+
42+
export const Loaded: Story = {
43+
args: {
44+
// Got from dev.coder.com network calls
45+
templateInsights: {
46+
report: {
47+
start_time: "2023-07-18T00:00:00Z",
48+
end_time: "2023-07-25T00:00:00Z",
49+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
50+
active_users: 14,
51+
apps_usage: [
52+
{
53+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
54+
type: "builtin",
55+
display_name: "Visual Studio Code",
56+
slug: "vscode",
57+
icon: "/icon/code.svg",
58+
seconds: 2513400,
59+
},
60+
{
61+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
62+
type: "builtin",
63+
display_name: "JetBrains",
64+
slug: "jetbrains",
65+
icon: "/icon/intellij.svg",
66+
seconds: 0,
67+
},
68+
{
69+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
70+
type: "builtin",
71+
display_name: "Web Terminal",
72+
slug: "reconnecting-pty",
73+
icon: "/icon/terminal.svg",
74+
seconds: 110400,
75+
},
76+
{
77+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
78+
type: "builtin",
79+
display_name: "SSH",
80+
slug: "ssh",
81+
icon: "/icon/terminal.svg",
82+
seconds: 1020900,
83+
},
84+
],
85+
},
86+
interval_reports: [
87+
{
88+
start_time: "2023-07-18T00:00:00Z",
89+
end_time: "2023-07-19T00:00:00Z",
90+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
91+
interval: "day",
92+
active_users: 13,
93+
},
94+
{
95+
start_time: "2023-07-19T00:00:00Z",
96+
end_time: "2023-07-20T00:00:00Z",
97+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
98+
interval: "day",
99+
active_users: 11,
100+
},
101+
{
102+
start_time: "2023-07-20T00:00:00Z",
103+
end_time: "2023-07-21T00:00:00Z",
104+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
105+
interval: "day",
106+
active_users: 11,
107+
},
108+
{
109+
start_time: "2023-07-21T00:00:00Z",
110+
end_time: "2023-07-22T00:00:00Z",
111+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
112+
interval: "day",
113+
active_users: 13,
114+
},
115+
{
116+
start_time: "2023-07-22T00:00:00Z",
117+
end_time: "2023-07-23T00:00:00Z",
118+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
119+
interval: "day",
120+
active_users: 7,
121+
},
122+
{
123+
start_time: "2023-07-23T00:00:00Z",
124+
end_time: "2023-07-24T00:00:00Z",
125+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
126+
interval: "day",
127+
active_users: 5,
128+
},
129+
{
130+
start_time: "2023-07-24T00:00:00Z",
131+
end_time: "2023-07-25T00:00:00Z",
132+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
133+
interval: "day",
134+
active_users: 11,
135+
},
136+
],
137+
},
138+
userLatency: {
139+
report: {
140+
start_time: "2023-07-18T00:00:00Z",
141+
end_time: "2023-07-25T00:00:00Z",
142+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
143+
users: [
144+
{
145+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
146+
user_id: "0bac0dfd-b086-4b6d-b8ba-789e0eca7451",
147+
username: "kylecarbs",
148+
avatar_url: "https://avatars.githubusercontent.com/u/7122116?v=4",
149+
latency_ms: {
150+
p50: 63.826,
151+
p95: 139.328,
152+
},
153+
},
154+
{
155+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
156+
user_id: "12b03f43-1bb7-4fca-967a-585c97f31682",
157+
username: "coadler",
158+
avatar_url: "https://avatars.githubusercontent.com/u/6332295?v=4",
159+
latency_ms: {
160+
p50: 51.0745,
161+
p95: 54.62562499999999,
162+
},
163+
},
164+
{
165+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
166+
user_id: "15890ddb-142c-443d-8fd5-cd8307256ab1",
167+
username: "jsjoeio",
168+
avatar_url: "https://avatars.githubusercontent.com/u/3806031?v=4",
169+
latency_ms: {
170+
p50: 37.444,
171+
p95: 37.8488,
172+
},
173+
},
174+
{
175+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
176+
user_id: "3f8c0eef-6a45-4759-a4d6-d00bbffb1369",
177+
username: "dean",
178+
avatar_url: "https://avatars.githubusercontent.com/u/11241812?v=4",
179+
latency_ms: {
180+
p50: 7.1295,
181+
p95: 70.34084999999999,
182+
},
183+
},
184+
{
185+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
186+
user_id: "59da0bfe-9c99-47fa-a563-f9fdb18449d0",
187+
username: "cian",
188+
avatar_url:
189+
"https://lh3.googleusercontent.com/a/AAcHTtdsYrtIfkXU52rHXhY9DHehpw-slUKe9v6UELLJgXT2mDM=s96-c",
190+
latency_ms: {
191+
p50: 42.14975,
192+
p95: 125.5441,
193+
},
194+
},
195+
{
196+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
197+
user_id: "5ccd3128-cbbb-4cfb-8139-5a1edbb60c71",
198+
username: "bpmct",
199+
avatar_url: "https://avatars.githubusercontent.com/u/22407953?v=4",
200+
latency_ms: {
201+
p50: 42.175,
202+
p95: 43.437599999999996,
203+
},
204+
},
205+
{
206+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
207+
user_id: "631f78f6-098e-4cb0-ae4f-418fafb0a406",
208+
username: "matifali",
209+
avatar_url: "https://avatars.githubusercontent.com/u/10648092?v=4",
210+
latency_ms: {
211+
p50: 78.02,
212+
p95: 86.3328,
213+
},
214+
},
215+
{
216+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
217+
user_id: "740bba7f-356d-4203-8f15-03ddee381998",
218+
username: "eric",
219+
avatar_url: "https://avatars.githubusercontent.com/u/9683576?v=4",
220+
latency_ms: {
221+
p50: 34.533,
222+
p95: 110.52659999999999,
223+
},
224+
},
225+
{
226+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
227+
user_id: "78dd2361-4a5a-42b0-9ec3-3eea23af1094",
228+
username: "code-asher",
229+
avatar_url: "https://avatars.githubusercontent.com/u/45609798?v=4",
230+
latency_ms: {
231+
p50: 74.78875,
232+
p95: 114.80699999999999,
233+
},
234+
},
235+
{
236+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
237+
user_id: "7f5cc5e9-20ee-48ce-959d-081b3f52273e",
238+
username: "mafredri",
239+
avatar_url: "https://avatars.githubusercontent.com/u/147409?v=4",
240+
latency_ms: {
241+
p50: 19.2115,
242+
p95: 96.44249999999992,
243+
},
244+
},
245+
{
246+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
247+
user_id: "9ed91bb9-db45-4cef-b39c-819856e98c30",
248+
username: "jon",
249+
avatar_url:
250+
"https://lh3.googleusercontent.com/a/AAcHTtddhPxiGYniy6_rFhdAi2C1YwKvDButlCvJ6G-166mG=s96-c",
251+
latency_ms: {
252+
p50: 42.0445,
253+
p95: 133.846,
254+
},
255+
},
256+
{
257+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
258+
user_id: "a73425d1-53a7-43d3-b6ae-cae9ba59b92b",
259+
username: "ammar",
260+
avatar_url: "https://avatars.githubusercontent.com/u/7416144?v=4",
261+
latency_ms: {
262+
p50: 49.249,
263+
p95: 56.773250000000004,
264+
},
265+
},
266+
{
267+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
268+
user_id: "af657bc3-6949-4b1b-bc2d-d41a40b546a4",
269+
username: "BrunoQuaresma",
270+
avatar_url: "https://avatars.githubusercontent.com/u/3165839?v=4",
271+
latency_ms: {
272+
p50: 82.97,
273+
p95: 147.3868,
274+
},
275+
},
276+
{
277+
template_ids: ["0d286645-29aa-4eaf-9b52-cc5d2740c90b"],
278+
user_id: "b006209d-fdd2-4716-afb2-104dafb32dfb",
279+
username: "mtojek",
280+
avatar_url: "https://avatars.githubusercontent.com/u/14044910?v=4",
281+
latency_ms: {
282+
p50: 36.758,
283+
p95: 101.31679999999983,
284+
},
285+
},
286+
],
287+
},
288+
},
289+
},
290+
}

0 commit comments

Comments
 (0)