From b63e8ef92968937cd39ee755e73afd7724224078 Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Fri, 12 Mar 2021 08:27:59 +1100
Subject: [PATCH] Add Galleries tab to Tag details page (#1195)

---
 ui/v2.5/src/components/Changelog/versions/v060.md    |  1 +
 ui/v2.5/src/components/Tags/TagDetails/Tag.tsx       |  9 ++++++++-
 .../components/Tags/TagDetails/TagGalleriesPanel.tsx | 12 ++++++++++++
 3 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 ui/v2.5/src/components/Tags/TagDetails/TagGalleriesPanel.tsx

diff --git a/ui/v2.5/src/components/Changelog/versions/v060.md b/ui/v2.5/src/components/Changelog/versions/v060.md
index 014824f387c..980a0c59c86 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 f9dbce64a1d..17cfdf467f3 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 = () => {
             <Tab eventKey="images" title="Images">
               <TagImagesPanel tag={tag} />
             </Tab>
+            <Tab eventKey="galleries" title="Galleries">
+              <TagGalleriesPanel tag={tag} />
+            </Tab>
             <Tab eventKey="markers" title="Markers">
               <TagMarkersPanel tag={tag} />
             </Tab>
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 00000000000..97ae35107ab
--- /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<ITagGalleriesPanel> = ({ tag }) => {
+  return <GalleryList filterHook={tagFilterHook(tag)} />;
+};