diff --git a/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.container.jsx b/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.container.jsx index 4ef9cb881..20f3f3179 100644 --- a/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.container.jsx +++ b/client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.container.jsx @@ -67,6 +67,7 @@ export function JobsDocumentsLocalGallery({ src: val.thumbnail, height: val.thumbnailHeight, width: val.thumbnailWidth, + tags: [{ value: val.filename, title: val.filename }], ...(val.optimized && { src: val.optimized, fullsize: val.src }) }); if (val.optimized) optimized = true; @@ -77,7 +78,8 @@ export function JobsDocumentsLocalGallery({ src: val.thumbnail, height: val.thumbnailHeight, width: val.thumbnailWidth, - tags: [{ value: val.filename, title: val.filename }] + tags: [ + { value: val.filename, title: val.filename }] }); } return acc; diff --git a/client/src/components/jobs-documents-local-gallery/local-media-grid.component.jsx b/client/src/components/jobs-documents-local-gallery/local-media-grid.component.jsx index 4a3c6700b..52cf18677 100644 --- a/client/src/components/jobs-documents-local-gallery/local-media-grid.component.jsx +++ b/client/src/components/jobs-documents-local-gallery/local-media-grid.component.jsx @@ -1,4 +1,5 @@ import { Checkbox } from "antd"; +import { Tag } from "antd"; import { useCallback, useEffect, useMemo, useRef, useState } from "react"; /** @@ -187,6 +188,30 @@ export function LocalMediaGrid({ transition: "opacity .25s ease" }} /> + {img.tags && img.tags.length > 0 && ( +
+ {img.tags.map((tag, tagIdx) => ( + + {tag.value || tag.title} + + ))} +
+ )} ); })()}