import React from 'react' import { Head, Link, router, usePage } from '@inertiajs/react' import BeforeAfterSlider from '../../../components/enhance/BeforeAfterSlider' import EnhanceStatusBadge from '../../../components/enhance/EnhanceStatusBadge' import EnhanceStubWarning from '../../../components/enhance/EnhanceStubWarning' import { formatEnhanceDate } from '../../../utils/enhanceFormatting' function formatDate(value) { return formatEnhanceDate(value) } function DetailRow({ label, value }) { return (
{label}
{value}
) } export default function ModerationEnhanceShow() { const { props } = usePage() const job = props.job || {} const flash = props.flash || {} const errors = props.errors || {} return (
{job.scale}x {job.mode} {job.engine}

Enhance job #{job.id}

Created by {job.user?.name || 'Unknown user'} {job.user?.username ? `(@${job.user.username})` : ''}.

Back to list {job.download_url ? Download output : null} {job.can_retry ? : null} {job.can_mark_failed ? : null}
{flash.success ?
{flash.success}
: null} {flash.error ?
{flash.error}
: null} {errors.job ?
{errors.job}
: null} {job.source_url && job.output_url ?
: null}
Source image
{job.source_url ? Enhance source :
}
Output image
{job.output_url ? Enhance output :
}
Metadata
{JSON.stringify(job.metadata || {}, null, 2)}
{job.error_message ?
{job.error_message}
: null}
) }