From e98302fcd030f860d9d4e363e23211b72b4dd024 Mon Sep 17 00:00:00 2001
From: gitgiggety <79809426+gitgiggety@users.noreply.github.com>
Date: Thu, 26 Aug 2021 02:18:13 +0200
Subject: [PATCH] Add image and gallery count to tag listing (#1672)

---
 .../src/components/Changelog/versions/v090.md |  1 +
 ui/v2.5/src/components/Tags/TagList.tsx       | 35 ++++++++++++++++++-
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/ui/v2.5/src/components/Changelog/versions/v090.md b/ui/v2.5/src/components/Changelog/versions/v090.md
index 24d211f04..2d2798242 100644
--- a/ui/v2.5/src/components/Changelog/versions/v090.md
+++ b/ui/v2.5/src/components/Changelog/versions/v090.md
@@ -11,6 +11,7 @@
 * Added not equals/greater than/less than modifiers for resolution criteria. ([#1568](https://github.com/stashapp/stash/pull/1568))
 
 ### 🎨 Improvements
+* Add image and gallery counts to tag list view. ([#1672](https://github.com/stashapp/stash/pull/1672))
 * Prompt when leaving gallery edit page with unsaved changes. ([#1654](https://github.com/stashapp/stash/pull/1654))
 * Show largest duplicates first in scene duplicate checker. ([#1639](https://github.com/stashapp/stash/pull/1639))
 * Added checkboxes to scene list view. ([#1642](https://github.com/stashapp/stash/pull/1642))
diff --git a/ui/v2.5/src/components/Tags/TagList.tsx b/ui/v2.5/src/components/Tags/TagList.tsx
index bf29af891..d96320e85 100644
--- a/ui/v2.5/src/components/Tags/TagList.tsx
+++ b/ui/v2.5/src/components/Tags/TagList.tsx
@@ -266,6 +266,34 @@ export const TagList: React.FC<ITagList> = ({ filterHook }) => {
                   : <FormattedNumber value={tag.scene_count ?? 0} />
                 </Link>
               </Button>
+              <Button variant="secondary" className="tag-list-button">
+                <Link
+                  to={NavUtils.makeTagImagesUrl(tag)}
+                  className="tag-list-anchor"
+                >
+                  <FormattedMessage
+                    id="countables.images"
+                    values={{
+                      count: tag.image_count ?? 0,
+                    }}
+                  />
+                  : <FormattedNumber value={tag.image_count ?? 0} />
+                </Link>
+              </Button>
+              <Button variant="secondary" className="tag-list-button">
+                <Link
+                  to={NavUtils.makeTagGalleriesUrl(tag)}
+                  className="tag-list-anchor"
+                >
+                  <FormattedMessage
+                    id="countables.galleries"
+                    values={{
+                      count: tag.gallery_count ?? 0,
+                    }}
+                  />
+                  : <FormattedNumber value={tag.gallery_count ?? 0} />
+                </Link>
+              </Button>
               <Button variant="secondary" className="tag-list-button">
                 <Link
                   to={NavUtils.makeTagSceneMarkersUrl(tag)}
@@ -283,7 +311,12 @@ export const TagList: React.FC<ITagList> = ({ filterHook }) => {
               <span className="tag-list-count">
                 <FormattedMessage id="total" />:{" "}
                 <FormattedNumber
-                  value={(tag.scene_count || 0) + (tag.scene_marker_count || 0)}
+                  value={
+                    (tag.scene_count || 0) +
+                    (tag.scene_marker_count || 0) +
+                    (tag.image_count || 0) +
+                    (tag.gallery_count || 0)
+                  }
                 />
               </span>
               <Button variant="danger" onClick={() => setDeletingTag(tag)}>