fix: TypeScript errors in JobDetail error display

Use explicit null returns and String() casts for unknown types
from job.error Record to satisfy TypeScript strict mode.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
michael 2026-01-01 10:22:20 -06:00
parent c1c0b876fc
commit 5e22f15e76

View file

@ -444,29 +444,29 @@ export function JobDetail() {
<p className="text-sm text-red-700 mb-2">
{String(job.error.message || 'An error occurred during processing')}
</p>
{job.error.type && (
{job.error.type ? (
<p className="text-xs text-red-600 mb-2">
<span className="font-medium">Type:</span> {String(job.error.type).replace(/_/g, ' ')}
</p>
)}
) : null}
{/* Show failed languages for render failures */}
{job.error.failed_languages && Array.isArray(job.error.failed_languages) && (
{Array.isArray(job.error.failed_languages) ? (
<div className="mt-3 pt-3 border-t border-red-200">
<p className="text-xs font-medium text-red-800 mb-2">Failed Languages:</p>
<ul className="space-y-1">
{(job.error.failed_languages as Array<{language: string; error: string}>).map((item, idx) => (
<li key={idx} className="text-xs text-red-600">
<span className="font-medium">{item.language.toUpperCase()}:</span> {item.error}
<span className="font-medium">{String(item.language).toUpperCase()}:</span> {String(item.error)}
</li>
))}
</ul>
</div>
)}
{job.error.timestamp && (
) : null}
{job.error.timestamp ? (
<p className="text-xs text-red-500 mt-2">
{formatDistanceToNow(new Date(String(job.error.timestamp)))} ago
</p>
)}
) : null}
</div>
)}
</div>