show image url as alt

Dockerfile

@@ -1,9 +1,9 @@
-FROM --platform=$BUILDPLATFORM node:23-alpine AS install
+FROM --platform=$BUILDPLATFORM node:23.4-alpine AS install
 RUN mkdir -p /temp/prod
 COPY package*.json /temp/prod/
 RUN cd /temp/prod && npm install --frozen-lockfile
 COPY . /temp/prod/
 RUN cd /temp/prod && npm run build
 
-FROM nginx:1-alpine3.20-slim AS release
+FROM nginx:1.27.3-alpine3.20-slim AS release
 COPY --from=install /temp/prod/dist /usr/share/nginx/html

src/App.tsx

@@ -11,20 +11,14 @@ function App() {
 
   if (token) {
     return (
-      <>
-        <ImageModerator
-          token={token}
-          apiUrl={apiUrl}
-          middlewareUrl={middlewareUrl}
-        />
-      </>
+      <ImageModerator
+        token={token}
+        apiUrl={apiUrl}
+        middlewareUrl={middlewareUrl}
+      />
     );
   } else {
-    return (
-      <>
-        <Login setRemote={setRemote} />
-      </>
-    );
+    return <Login setRemote={setRemote} />;
   }
 }
 

src/components/ImageModerator/ImageModerator.tsx

@@ -65,6 +65,7 @@ export default function ImageModerator({
           const url = data.url;
           const tags = data.tags;
           setImageData({ url, tags });
+          setImageAlt(url);
         })
         .catch((error) => {
           setImageAlt("Error");