review-ui: Review image alongside the incident

This will help vet the images uploaded to the platform before they are
public.

packages/pwa/package.json

@@ -18,7 +18,7 @@
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.14.3",
     "@mui/material": "^5.14.5",
-    "@saferplace/api": "^0.0.15",
+    "@saferplace/api": "^0.0.16",
     "i18next": "^23.4.5",
     "i18next-browser-languagedetector": "^7.1.0",
     "leaflet": "^1.9.4",

packages/review-ui/.env

@@ -1,2 +1,3 @@
 VITE_BACKEND=http://localhost:8001
-BASE_URL=/review
+BASE_URL=/review
+VITE_CDN=http://localhost:9000

packages/review-ui/.env.production

@@ -1,2 +1,3 @@
-VITE_BACKEND=https://review.safer.place
-BASE_URL=https://review.safer.place
+VITE_BACKEND=https://api.safer.place
+BASE_URL=https://review.safer.place
+VITE_CDN=http://cdn.safer.place

packages/review-ui/package.json

@@ -21,7 +21,7 @@
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.14.3",
     "@mui/material": "^5.14.5",
-    "@saferplace/api": "^0.0.15",
+    "@saferplace/api": "^0.0.16",
     "leaflet": "^1.9.4",
     "oidc-react": "^3.2.2",
     "react": "^18.2.0",

packages/review-ui/src/routes/incident.tsx

@@ -16,7 +16,7 @@ export type Props = {
 }
 
 function Review({incident, onSubmit}: Props) {
-  console.debug('showing incident', incident.id)
+  console.debug('incident', incident)
   const navigate = useNavigate();
   const revalidator = useRevalidator();
 
@@ -55,6 +55,7 @@ function Review({incident, onSubmit}: Props) {
             <Marker position={latlon(incident.coordinates)} />
           </MapContainer>
         </Box>
+        <img src={`${import.meta.env.VITE_CDN}/images/${incident.imageId}`} width='100%' />
       </CardMedia>
       <CardHeader>
         <Typography variant='h4'>Review Incident {incident.id}</Typography>

packages/review-ui/src/vite-env.d.ts

@@ -2,6 +2,7 @@
 
 interface ImportMetaEnv {
     readonly VITE_BACKEND: string
+    readonly VITE_CDN: string
     readonly VITE_OIDC_AUTHORITY: string
     readonly VITE_OIDC_CLIENT_ID: string
     readonly VITE_OIDC_REDIRECT_URL: string