@@ -332,22 +332,13 @@ export default function JobDetails() {
332
332
< div className = "bg-white rounded-lg shadow-sm border border-gray-200 p-4 md:p-6" >
333
333
< div className = "flex flex-col md:flex-row md:justify-between md:items-center mb-4" >
334
334
< h2 className = "text-lg md:text-xl font-bold text-gray-900 mb-2 md:mb-0" > Job Error Details</ h2 >
335
- < a
336
- href = { generateGitHubIssueUrl ( jobData , chains , serverUrl ) }
337
- target = "_blank"
338
- rel = "noopener noreferrer"
339
- className = "inline-flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium text-red-600 bg-white border border-red-300 hover:bg-red-50 hover:border-red-400 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 transition-colors"
340
- >
341
- < IoBugOutline className = "w-4 h-4" />
342
- Report Issue
343
- </ a >
344
335
</ div >
345
336
< div className = "space-y-4" >
346
337
< div className = "space-y-3" >
347
338
< DetailRow
348
339
label = "Error Code"
349
340
value = {
350
- < span className = "font-mono text-gray-900 bg-gray-200 px-2 py-1 rounded text-sm" >
341
+ < span className = "font-mono text-gray-900 bg-gray-200 px-2 py-1 rounded text-sm break-all " >
351
342
{ jobData . error . customCode }
352
343
</ span >
353
344
}
@@ -575,6 +566,18 @@ export default function JobDetails() {
575
566
</ div >
576
567
) }
577
568
</ div >
569
+ < div className = "flex flex-col items-center mt-4" >
570
+ < p className = "text-gray-500 text-xs italic mb-1" > Something is wrong? Report an issue on GitHub</ p >
571
+ < a
572
+ href = { generateGitHubIssueUrl ( jobData , chains , serverUrl ) }
573
+ target = "_blank"
574
+ rel = "noopener noreferrer"
575
+ className = "inline-flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium text-red-600 bg-white border border-red-300 hover:bg-red-50 hover:border-red-400 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 transition-colors"
576
+ >
577
+ < IoBugOutline className = "w-4 h-4" />
578
+ Report Issue
579
+ </ a >
580
+ </ div >
578
581
</ div >
579
582
) }
580
583
</ div >
0 commit comments