web: display target asset thumbnail alongside mapfix

This commit is contained in:
Quaternions 2025-04-06 15:56:02 -07:00
parent d02e3776f3
commit 64fb61bb99
Signed by: Quaternions
GPG Key ID: D0DF5964F79AC131

@ -14,16 +14,20 @@ import "./(styles)/page.scss";
interface ReviewId { interface ReviewId {
mapfixId: string, mapfixId: string,
mapfixStatus: number; mapfixStatus: number,
mapfixSubmitter: number, mapfixSubmitter: number,
mapfixAssetId: number; mapfixAssetId: number,
mapfixTargetAssetId: number,
} }
function RatingArea(mapfix: ReviewId) { function RatingArea(mapfix: ReviewId) {
return ( return (
<aside className="review-area"> <aside className="review-area">
<section className="map-image-area"> <section className="map-image-area">
This Mapfix:
<MapImage id={mapfix.mapfixAssetId}/> <MapImage id={mapfix.mapfixAssetId}/>
Target Map Being Fixed:
<MapImage id={mapfix.mapfixTargetAssetId}/>
</section> </section>
<ReviewButtons mapfixId={mapfix.mapfixId} mapfixStatus={mapfix.mapfixStatus} mapfixSubmitter={mapfix.mapfixSubmitter}/> <ReviewButtons mapfixId={mapfix.mapfixId} mapfixStatus={mapfix.mapfixStatus} mapfixSubmitter={mapfix.mapfixSubmitter}/>
</aside> </aside>
@ -77,7 +81,7 @@ export default function MapfixInfoPage() {
<Webpage> <Webpage>
<main className="map-page-main"> <main className="map-page-main">
<section className="review-section"> <section className="review-section">
<RatingArea mapfixId={dynamicId.mapfixId} mapfixStatus={mapfix.StatusID} mapfixSubmitter={mapfix.Submitter} mapfixAssetId={mapfix.AssetID} /> <RatingArea mapfixId={dynamicId.mapfixId} mapfixStatus={mapfix.StatusID} mapfixSubmitter={mapfix.Submitter} mapfixAssetId={mapfix.AssetID} mapfixTargetAssetId={mapfix.TargetAssetID} />
<TitleAndComments name={mapfix.DisplayName} creator={mapfix.Creator} review={mapfix.StatusID} status_message={mapfix.StatusMessage} asset_id={mapfix.AssetID} submitter={mapfix.Submitter} target_asset_id={mapfix.TargetAssetID} comments={[]}/> <TitleAndComments name={mapfix.DisplayName} creator={mapfix.Creator} review={mapfix.StatusID} status_message={mapfix.StatusMessage} asset_id={mapfix.AssetID} submitter={mapfix.Submitter} target_asset_id={mapfix.TargetAssetID} comments={[]}/>
</section> </section>
</main> </main>