diff --git a/ui/v2.5/src/components/Changelog/versions/v060.md b/ui/v2.5/src/components/Changelog/versions/v060.md index 014824f38..980a0c59c 100644 --- a/ui/v2.5/src/components/Changelog/versions/v060.md +++ b/ui/v2.5/src/components/Changelog/versions/v060.md @@ -2,6 +2,7 @@ * Added Performer tags. ### 🎨 Improvements +* Add galleries tab to Tag details page. * Allow scene/performer/studio image upload via URL. * Add button to hide unmatched scenes in Tagger view. * Hide create option in dropdowns when searching in filters. diff --git a/ui/v2.5/src/components/Tags/TagDetails/Tag.tsx b/ui/v2.5/src/components/Tags/TagDetails/Tag.tsx index f9dbce64a..17cfdf467 100644 --- a/ui/v2.5/src/components/Tags/TagDetails/Tag.tsx +++ b/ui/v2.5/src/components/Tags/TagDetails/Tag.tsx @@ -23,6 +23,7 @@ import { TagScenesPanel } from "./TagScenesPanel"; import { TagMarkersPanel } from "./TagMarkersPanel"; import { TagImagesPanel } from "./TagImagesPanel"; import { TagPerformersPanel } from "./TagPerformersPanel"; +import { TagGalleriesPanel } from "./TagGalleriesPanel"; interface ITabParams { id?: string; @@ -53,7 +54,10 @@ export const Tag: React.FC = () => { const [deleteTag] = useTagDestroy(getTagInput() as GQL.TagUpdateInput); const activeTabKey = - tab === "markers" || tab === "images" || tab === "performers" + tab === "markers" || + tab === "images" || + tab === "performers" || + tab === "galleries" ? tab : "scenes"; const setActiveTabKey = (newTab: string | null) => { @@ -261,6 +265,9 @@ export const Tag: React.FC = () => { + + + diff --git a/ui/v2.5/src/components/Tags/TagDetails/TagGalleriesPanel.tsx b/ui/v2.5/src/components/Tags/TagDetails/TagGalleriesPanel.tsx new file mode 100644 index 000000000..97ae35107 --- /dev/null +++ b/ui/v2.5/src/components/Tags/TagDetails/TagGalleriesPanel.tsx @@ -0,0 +1,12 @@ +import React from "react"; +import * as GQL from "src/core/generated-graphql"; +import { tagFilterHook } from "src/core/tags"; +import { GalleryList } from "src/components/Galleries/GalleryList"; + +interface ITagGalleriesPanel { + tag: GQL.TagDataFragment; +} + +export const TagGalleriesPanel: React.FC = ({ tag }) => { + return ; +};