diff --git a/ui/v2.5/src/components/Galleries/GalleryDetails/Gallery.tsx b/ui/v2.5/src/components/Galleries/GalleryDetails/Gallery.tsx index 88eccb37a..9b3db9a12 100644 --- a/ui/v2.5/src/components/Galleries/GalleryDetails/Gallery.tsx +++ b/ui/v2.5/src/components/Galleries/GalleryDetails/Gallery.tsx @@ -10,6 +10,7 @@ import { GalleryDetailPanel } from "./GalleryDetailPanel"; import { DeleteGalleriesDialog } from "../DeleteGalleriesDialog"; import { GalleryImagesPanel } from "./GalleryImagesPanel"; import { GalleryAddPanel } from "./GalleryAddPanel"; +import { GalleryFileInfoPanel } from "./GalleryFileInfoPanel"; interface IGalleryParams { id?: string; @@ -92,13 +93,13 @@ export const Gallery: React.FC = () => { Details - {/* {gallery.gallery ? ( + {gallery.path ? ( - Gallery + + File Info + - ) : ( - "" - )} */} + ) : undefined} Edit @@ -110,13 +111,13 @@ export const Gallery: React.FC = () => { - {/* {gallery.gallery ? ( - - - - ) : ( - "" - )} */} + + + = ( + props: IGalleryFileInfoPanelProps +) => { + function renderChecksum() { + return ( +
+ Checksum + {props.gallery.checksum} +
+ ); + } + + function renderPath() { + const { + gallery: { path }, + } = props; + return ( +
+ Path + + {`file://${props.gallery.path}`}{" "} + +
+ ); + } + + return ( +
+ {renderChecksum()} + {renderPath()} +
+ ); +};