diff --git a/web/src/app/mapfixes/[mapfixId]/page.tsx b/web/src/app/mapfixes/[mapfixId]/page.tsx index e4ae480..5316490 100644 --- a/web/src/app/mapfixes/[mapfixId]/page.tsx +++ b/web/src/app/mapfixes/[mapfixId]/page.tsx @@ -14,16 +14,24 @@ import "./(styles)/page.scss"; interface ReviewId { mapfixId: string, - mapfixStatus: number; + mapfixStatus: number, mapfixSubmitter: number, - mapfixAssetId: number; + mapfixAssetId: number, + mapfixTargetAssetId: number, } function RatingArea(mapfix: ReviewId) { return ( <aside className="review-area"> <section className="map-image-area"> - <MapImage id={mapfix.mapfixAssetId}/> + <div> + <p className="this-mapfix">This Mapfix:</p> + <MapImage id={mapfix.mapfixAssetId}/> + </div> + <div> + <p className="target-map">Target Map Being Fixed:</p> + <MapImage id={mapfix.mapfixTargetAssetId}/> + </div> </section> <ReviewButtons mapfixId={mapfix.mapfixId} mapfixStatus={mapfix.mapfixStatus} mapfixSubmitter={mapfix.mapfixSubmitter}/> </aside> @@ -77,7 +85,7 @@ export default function MapfixInfoPage() { <Webpage> <main className="map-page-main"> <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={[]}/> </section> </main>