/
EligibilityChecklist.story.jsx
108 lines (106 loc) · 3.25 KB
/
EligibilityChecklist.story.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
import React from 'react';
import EligibilityChecklist from './EligibilityChecklist';
import {Status} from '@cdo/apps/lib/ui/ValidationStep';
import {Unit6Intention} from '../util/discountLogic';
const defaultProps = {
statusPD: Status.SUCCEEDED,
statusAcademicYearPD: Status.SUCCEEDED,
statusStudentCount: Status.SUCCEEDED,
hasConfirmedSchool: false,
adminSetStatus: false,
currentlyDistributingDiscountCodes: true
};
export default storybook => {
return storybook
.storiesOf('MakerToolkit/Discounts/EligibilityChecklist', module)
.addStoryTable([
{
name: '2020: Initial view',
description: 'New format for 2020',
story: () => (
<div style={{margin: '2em'}}>
<EligibilityChecklist {...defaultProps} />
</div>
)
},
{
name: '2020: School is not eligible',
description: 'When your school does not qualify',
story: () => (
<div style={{margin: '2em'}}>
<EligibilityChecklist
{...defaultProps}
schoolId="1234"
schoolName="Code.org Junior Academy"
hasConfirmedSchool={true}
getsFullDiscount={false}
/>
</div>
)
},
{
name: '2020: Student count and facilitator failure',
description: 'When your school does qualify',
story: () => (
<div style={{margin: '2em'}}>
<EligibilityChecklist
{...defaultProps}
schoolId="1234"
schoolName="Code.org Junior Academy"
hasConfirmedSchool={true}
getsFullDiscount={true}
statusPD={Status.FAILED}
statusStudentCount={Status.FAILED}
/>
</div>
)
},
{
name: '2020: Student count and facilitator success',
description: 'When your school does qualify',
story: () => (
<div style={{margin: '2em'}}>
<EligibilityChecklist
{...defaultProps}
schoolId="1234"
schoolName="Code.org Junior Academy"
hasConfirmedSchool={true}
getsFullDiscount={true}
/>
</div>
)
},
{
name: '2020: Year choice failure',
description: 'When you are not planning to teach this or next year',
story: () => (
<div style={{margin: '2em'}}>
<EligibilityChecklist
{...defaultProps}
schoolId="1234"
schoolName="Code.org Junior Academy"
hasConfirmedSchool={true}
getsFullDiscount={true}
unit6Intention={Unit6Intention.NO}
/>
</div>
)
},
{
name: '2020: Year choice success',
description: 'When you are planning to teach this or next year',
story: () => (
<div style={{margin: '2em'}}>
<EligibilityChecklist
{...defaultProps}
schoolId="1234"
schoolName="Code.org Junior Academy"
hasConfirmedSchool={true}
getsFullDiscount={true}
unit6Intention={Unit6Intention.YES_SPRING_2020}
/>
</div>
)
}
]);
};