@@ -36,7 +36,7 @@ const CohortsApplication: React.FC<CohortsApplicationProps> = ({
3636
3737 return (
3838 < section
39- id = " apply-section"
39+ id = ' apply-section'
4040 ref = { sectionRef }
4141 className = { `${ styles . applySectionContainer } ${ styles . darkBackground } ${
4242 isVisible ? styles . sectionVisible : ''
@@ -56,13 +56,13 @@ const CohortsApplication: React.FC<CohortsApplicationProps> = ({
5656 < div className = { styles . statusCard } >
5757 < div className = { styles . statusIcon } >
5858 < svg
59- xmlns = " http://www.w3.org/2000/svg"
60- width = "48"
61- height = "48"
62- viewBox = " 0 0 24 24"
63- fill = " currentColor"
59+ xmlns = ' http://www.w3.org/2000/svg'
60+ width = '48'
61+ height = '48'
62+ viewBox = ' 0 0 24 24'
63+ fill = ' currentColor'
6464 >
65- < path d = " M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-.001 5.75c.69 0 1.251.56 1.251 1.25s-.561 1.25-1.251 1.25-1.249-.56-1.249-1.25.559-1.25 1.249-1.25zm2.001 12.25h-4v-1c.484-.179 1-.201 1-.735v-4.467c0-.534-.516-.618-1-.797v-1h3v6.265c0 .535.517.558 1 .735v.999z" />
65+ < path d = ' M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-.001 5.75c.69 0 1.251.56 1.251 1.25s-.561 1.25-1.251 1.25-1.249-.56-1.249-1.25.559-1.25 1.249-1.25zm2.001 12.25h-4v-1c.484-.179 1-.201 1-.735v-4.467c0-.534-.516-.618-1-.797v-1h3v6.265c0 .535.517.558 1 .735v.999z' />
6666 </ svg >
6767 </ div >
6868 < div className = { styles . statusMessage } >
@@ -75,53 +75,89 @@ const CohortsApplication: React.FC<CohortsApplicationProps> = ({
7575 < ol className = { styles . stepsList } >
7676 < li >
7777 < span className = { styles . stepNumber } >
78- { LABELS . cohorts . apply . applicationProcess . steps . submit . number }
78+ {
79+ LABELS . cohorts . apply . applicationProcess . steps . submit
80+ . number
81+ }
7982 </ span >
8083 < div className = { styles . stepContent } >
8184 < h4 >
82- { LABELS . cohorts . apply . applicationProcess . steps . submit . title }
85+ {
86+ LABELS . cohorts . apply . applicationProcess . steps . submit
87+ . title
88+ }
8389 </ h4 >
8490 < p >
85- { LABELS . cohorts . apply . applicationProcess . steps . submit . description }
91+ {
92+ LABELS . cohorts . apply . applicationProcess . steps . submit
93+ . description
94+ }
8695 </ p >
8796 </ div >
8897 </ li >
8998 < li >
9099 < span className = { styles . stepNumber } >
91- { LABELS . cohorts . apply . applicationProcess . steps . assessment . number }
100+ {
101+ LABELS . cohorts . apply . applicationProcess . steps . assessment
102+ . number
103+ }
92104 </ span >
93105 < div className = { styles . stepContent } >
94106 < h4 >
95- { LABELS . cohorts . apply . applicationProcess . steps . assessment . title }
107+ {
108+ LABELS . cohorts . apply . applicationProcess . steps
109+ . assessment . title
110+ }
96111 </ h4 >
97112 < p >
98- { LABELS . cohorts . apply . applicationProcess . steps . assessment . description }
113+ {
114+ LABELS . cohorts . apply . applicationProcess . steps
115+ . assessment . description
116+ }
99117 </ p >
100118 </ div >
101119 </ li >
102120 < li >
103121 < span className = { styles . stepNumber } >
104- { LABELS . cohorts . apply . applicationProcess . steps . interview . number }
122+ {
123+ LABELS . cohorts . apply . applicationProcess . steps . interview
124+ . number
125+ }
105126 </ span >
106127 < div className = { styles . stepContent } >
107128 < h4 >
108- { LABELS . cohorts . apply . applicationProcess . steps . interview . title }
129+ {
130+ LABELS . cohorts . apply . applicationProcess . steps
131+ . interview . title
132+ }
109133 </ h4 >
110134 < p >
111- { LABELS . cohorts . apply . applicationProcess . steps . interview . description }
135+ {
136+ LABELS . cohorts . apply . applicationProcess . steps
137+ . interview . description
138+ }
112139 </ p >
113140 </ div >
114141 </ li >
115142 < li >
116143 < span className = { styles . stepNumber } >
117- { LABELS . cohorts . apply . applicationProcess . steps . placement . number }
144+ {
145+ LABELS . cohorts . apply . applicationProcess . steps . placement
146+ . number
147+ }
118148 </ span >
119149 < div className = { styles . stepContent } >
120150 < h4 >
121- { LABELS . cohorts . apply . applicationProcess . steps . placement . title }
151+ {
152+ LABELS . cohorts . apply . applicationProcess . steps
153+ . placement . title
154+ }
122155 </ h4 >
123156 < p >
124- { LABELS . cohorts . apply . applicationProcess . steps . placement . description }
157+ {
158+ LABELS . cohorts . apply . applicationProcess . steps
159+ . placement . description
160+ }
125161 </ p >
126162 </ div >
127163 </ li >
@@ -143,20 +179,20 @@ const CohortsApplication: React.FC<CohortsApplicationProps> = ({
143179 < div className = { styles . joinDiscord } >
144180 < p > { LABELS . cohorts . apply . notification . discordPrompt } </ p >
145181 < a
146- href = " https://discord.gg/pWGt6JMV9t"
147- target = " _blank"
148- rel = " noopener noreferrer"
182+ href = ' https://discord.gg/pWGt6JMV9t'
183+ target = ' _blank'
184+ rel = ' noopener noreferrer'
149185 className = { styles . discordButton }
150186 >
151187 < span className = { styles . discordIcon } >
152188 < svg
153- xmlns = " http://www.w3.org/2000/svg"
154- width = "24"
155- height = "24"
156- viewBox = " 0 0 24 24"
157- fill = " currentColor"
189+ xmlns = ' http://www.w3.org/2000/svg'
190+ width = '24'
191+ height = '24'
192+ viewBox = ' 0 0 24 24'
193+ fill = ' currentColor'
158194 >
159- < path d = "M19.54 0c1.356 0 2.46 1.104 2.46 2.472v21.528l-2.58-2.28-1.452-1.344-1.536-1.428.636 2.22h-13.608c-1.356 0-2.46-1.104-2.46-2.472v-16.224c0-1.368 1.104-2.472 2.46-2.472h16.08zm-4.632 15.672c2.652-.084 3.672-1.824 3.672-1.824 0-3.864-1.728-6.996-1.728-6.996-1.728-1.296-3.372-1.26-3.372-1.26l-.168.192c2.04.624 2.988 1.524 2.988 1.524-1.248-.684-2.472-1.02-3.612-1.152-.864-.096-1.692-.072-2.424.024l-.204.024c-.42.036-1.44.192-2.724.756-.444.204-.708.348-.708.348s.996-.948 3.156-1.572l-.12-.144s-1.644-.036-3.372 1.26c0 0-1.728 3.132-1.728 6.996 0 0 1.008 1.74 3.66 1.824 0 0 .444-.54.804-.996-1.524-.456-2.1-1.416-2.1-1.416l.336.204.048.036.047.027.014.006.047.027c.3.168.6.3.876.408.492.192 1.08.384 1.764.516.9.168 1.956.228 3.108.012.564-.096 1.14-.264 1.74-.516.42-.156.888-.384 1.38-.708 0 0-.6.984-2.172 1.428.36.456.792.972.792.972zm-5.58-5.604c-.684 0-1.224.6-1.224 1.332 0 .732.552 1.332 1.224 1.332.684 0 1.224-.6 1.224-1.332.012-.732-.54-1.332-1.224-1.332zm4.38 0c-.684 0-1.224.6-1.224 1.332 0 .732.552 1.332 1.224 1.332.684 0 1.224-.6 1.224-1.332 0-.732-.54-1.332-1.224-1.332z" />
195+ < path d = 'M19.54 0c1.356 0 2.46 1.104 2.46 2.472v21.528l-2.58-2.28-1.452-1.344-1.536-1.428.636 2.22h-13.608c-1.356 0-2.46-1.104-2.46-2.472v-16.224c0-1.368 1.104-2.472 2.46-2.472h16.08zm-4.632 15.672c2.652-.084 3.672-1.824 3.672-1.824 0-3.864-1.728-6.996-1.728-6.996-1.728-1.296-3.372-1.26-3.372-1.26l-.168.192c2.04.624 2.988 1.524 2.988 1.524-1.248-.684-2.472-1.02-3.612-1.152-.864-.096-1.692-.072-2.424.024l-.204.024c-.42.036-1.44.192-2.724.756-.444.204-.708.348-.708.348s.996-.948 3.156-1.572l-.12-.144s-1.644-.036-3.372 1.26c0 0-1.728 3.132-1.728 6.996 0 0 1.008 1.74 3.66 1.824 0 0 .444-.54.804-.996-1.524-.456-2.1-1.416-2.1-1.416l.336.204.048.036.047.027.014.006.047.027c.3.168.6.3.876.408.492.192 1.08.384 1.764.516.9.168 1.956.228 3.108.012.564-.096 1.14-.264 1.74-.516.42-.156.888-.384 1.38-.708 0 0-.6.984-2.172 1.428.36.456.792.972.792.972zm-5.58-5.604c-.684 0-1.224.6-1.224 1.332 0 .732.552 1.332 1.224 1.332.684 0 1.224-.6 1.224-1.332.012-.732-.54-1.332-1.224-1.332zm4.38 0c-.684 0-1.224.6-1.224 1.332 0 .732.552 1.332 1.224 1.332.684 0 1.224-.6 1.224-1.332 0-.732-.54-1.332-1.224-1.332z' />
160196 </ svg >
161197 </ span >
162198 < span > { LABELS . cohorts . apply . notification . joinDiscord } </ span >
0 commit comments