@@ -184,101 +184,105 @@ const Step3 = ({
184184 { proposalData ?. prop_rationale || '' }
185185 </ ReactMarkdown >
186186 </ Box >
187- { selectedGATypeId == 2 ?
188- proposalData ?. proposal_withdrawals ?. map (
189- ( withdrawal , index ) => (
190- < Box >
191- < Box >
192- < Typography
193- variant = 'body1'
194- color = { theme . palette . text . grey }
195- gutterBottom
196- >
197- Receiving address
198- </ Typography >
199- < Typography
200- variant = 'body1'
201- gutterBottom
202- data-testid = { `receiving-address-${ index } -content` }
203- >
204- { withdrawal . prop_receiving_address }
205- </ Typography >
206- </ Box >
187+ { selectedGATypeId == 2
188+ ? proposalData ?. proposal_withdrawals ?. map (
189+ ( withdrawal , index ) => (
190+ < Box >
191+ < Box >
192+ < Typography
193+ variant = 'body1'
194+ color = { theme . palette . text . grey }
195+ gutterBottom
196+ >
197+ Receiving address
198+ </ Typography >
199+ < Typography
200+ variant = 'body1'
201+ gutterBottom
202+ data-testid = { `receiving-address-${ index } -content` }
203+ >
204+ {
205+ withdrawal . prop_receiving_address
206+ }
207+ </ Typography >
208+ </ Box >
209+ < Box >
210+ < Typography
211+ variant = 'body1'
212+ color = { theme . palette . text . grey }
213+ gutterBottom
214+ >
215+ Amount
216+ </ Typography >
217+ < Typography
218+ variant = 'body1'
219+ gutterBottom
220+ data-testid = { `amount-${ index } -content` }
221+ >
222+ { withdrawal . prop_amount }
223+ </ Typography >
224+ </ Box >
225+ </ Box >
226+ )
227+ )
228+ : null }
229+ { selectedGATypeId == 3 && pc ? (
230+ < Box >
231+ < Box >
232+ < Typography
233+ variant = 'body1'
234+ color = { theme . palette . text . grey }
235+ gutterBottom
236+ >
237+ New constitution URL
238+ </ Typography >
239+ < Typography
240+ variant = 'body1'
241+ gutterBottom
242+ data-testid = 'new-constitution-url-content'
243+ >
244+ { pc . prop_constitution_url }
245+ </ Typography >
246+ </ Box >
247+
248+ { pc . prop_have_guardrails_script && (
249+ < >
207250 < Box >
208251 < Typography
209252 variant = 'body1'
210253 color = { theme . palette . text . grey }
211254 gutterBottom
212255 >
213- Amount
256+ Guardrails script URL
214257 </ Typography >
215258 < Typography
216259 variant = 'body1'
217260 gutterBottom
218- data-testid = { `amount- ${ index } - content` }
261+ data-testid = 'guardrails-script-url- content'
219262 >
220- { withdrawal . prop_amount }
263+ { pc . prop_guardrails_script_url }
221264 </ Typography >
222265 </ Box >
223- </ Box >
224- ) ) : null }
225- { selectedGATypeId == 3 && pc ? (
226- < Box >
227266 < Box >
228267 < Typography
229268 variant = 'body1'
230269 color = { theme . palette . text . grey }
231270 gutterBottom
232271 >
233- New constitution URL
272+ Guardrails script hash
234273 </ Typography >
235274 < Typography
236275 variant = 'body1'
237276 gutterBottom
238- data-testid = "new-constitution-url -content"
277+ data-testid = 'guardrails-script-hash -content'
239278 >
240- { pc . prop_constitution_url }
279+ { pc . prop_guardrails_script_hash }
241280 </ Typography >
242281 </ Box >
243-
244- { pc . prop_have_guardrails_script && (
245- < >
246- < Box >
247- < Typography
248- variant = 'body1'
249- color = { theme . palette . text . grey }
250- gutterBottom
251- >
252- Guardrails script URL
253- </ Typography >
254- < Typography
255- variant = 'body1'
256- gutterBottom
257- data-testid = "guardrails-script-url-content"
258- >
259- { pc . prop_guardrails_script_url }
260- </ Typography >
261- </ Box >
262- < Box >
263- < Typography
264- variant = 'body1'
265- color = { theme . palette . text . grey }
266- gutterBottom
267- >
268- Guardrails script hash
269- </ Typography >
270- < Typography
271- variant = 'body1'
272- gutterBottom
273- data-testid = "guardrails-script-hash-content"
274- >
275- { pc . prop_guardrails_script_hash }
276- </ Typography >
277- </ Box >
278- </ >
279- ) }
280- </ Box >
281- ) : null }
282+ </ >
283+ ) }
284+ </ Box >
285+ ) : null }
282286 { proposalData ?. proposal_links ?. length > 0 && (
283287 < Box >
284288 < Typography
@@ -324,6 +328,13 @@ const Step3 = ({
324328 < Typography
325329 variant = 'body1'
326330 component = 'span'
331+ sx = { {
332+ textOverflow : 'ellipsis' ,
333+ overflow : 'hidden' ,
334+ maxWidth : isSmallScreen
335+ ? '100%'
336+ : '800px' ,
337+ } }
327338 data-testid = { `link-${ index } -text-content` }
328339 >
329340 { link ?. prop_link_text }
0 commit comments