From b06187ddf7cf1238745c9f5b707ac7cd5e0dd939 Mon Sep 17 00:00:00 2001
From: Athou <jeremiepanzer@gmail.com>
Date: Thu, 27 Oct 2022 14:32:23 +0200
Subject: [PATCH] add indicator when there are tags

---
 commafeed-client/src/components/content/FeedEntryFooter.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/commafeed-client/src/components/content/FeedEntryFooter.tsx b/commafeed-client/src/components/content/FeedEntryFooter.tsx
index 8f2a0a13..3672c818 100644
--- a/commafeed-client/src/components/content/FeedEntryFooter.tsx
+++ b/commafeed-client/src/components/content/FeedEntryFooter.tsx
@@ -1,5 +1,5 @@
 import { t } from "@lingui/macro"
-import { Checkbox, Group, MultiSelect, Popover } from "@mantine/core"
+import { Checkbox, Group, Indicator, MultiSelect, Popover } from "@mantine/core"
 import { Constants } from "app/constants"
 import { markEntriesUpToEntry, markEntry, starEntry, tagEntry } from "app/slices/entries"
 import { useAppDispatch, useAppSelector } from "app/store"
@@ -73,7 +73,9 @@ export function FeedEntryFooter(props: FeedEntryFooterProps) {
                 {tags && (
                     <Popover withArrow withinPortal shadow="md" positionDependencies={[scrollPosition]}>
                         <Popover.Target>
-                            <ActionButton icon={<TbTag size={18} />} label={t`Tags`} />
+                            <Indicator label={props.entry.tags.length} showZero={false} dot={false} inline size={16}>
+                                <ActionButton icon={<TbTag size={18} />} label={t`Tags`} />
+                            </Indicator>
                         </Popover.Target>
                         <Popover.Dropdown>
                             <MultiSelect