add support for tags

commafeed-client/src/pages/app/FeedEntriesPage.tsx

@@ -3,7 +3,7 @@ import { ActionIcon, Anchor, Box, Center, Divider, Group, Title, useMantineTheme
 import { useViewportSize } from "@mantine/hooks"
 import { Constants } from "app/constants"
 import { EntrySourceType, loadEntries } from "app/slices/entries"
-import { redirectToCategoryDetails, redirectToFeedDetails } from "app/slices/redirect"
+import { redirectToCategoryDetails, redirectToFeedDetails, redirectToTagDetails } from "app/slices/redirect"
 import { useAppDispatch, useAppSelector } from "app/store"
 import { flattenCategoryTree } from "app/utils"
 import { FeedEntries } from "components/content/FeedEntries"
@@ -40,7 +40,8 @@ export function FeedEntriesPage(props: FeedEntriesPageProps) {
 
     const titleClicked = () => {
         if (props.sourceType === "category") dispatch(redirectToCategoryDetails(id))
-        else dispatch(redirectToFeedDetails(id))
+        else if (props.sourceType === "feed") dispatch(redirectToFeedDetails(id))
+        else if (props.sourceType === "tag") dispatch(redirectToTagDetails(id))
     }
 
     useEffect(() => {

commafeed-client/src/pages/app/Layout.tsx

@@ -19,7 +19,7 @@ import { useViewportSize } from "@mantine/hooks"
 import { Constants } from "app/constants"
 import { redirectToAdd, redirectToRootCategory } from "app/slices/redirect"
 import { reloadTree, setMobileMenuOpen } from "app/slices/tree"
-import { reloadProfile, reloadSettings } from "app/slices/user"
+import { reloadProfile, reloadSettings, reloadTags } from "app/slices/user"
 import { useAppDispatch, useAppSelector } from "app/store"
 import { Logo } from "components/Logo"
 import { OnDesktop } from "components/responsive/OnDesktop"
@@ -90,6 +90,7 @@ export default function Layout({ sidebar, header }: LayoutProps) {
         dispatch(reloadSettings())
         dispatch(reloadProfile())
         dispatch(reloadTree())
+        dispatch(reloadTags())
 
         // reload tree periodically
         const id = setInterval(() => dispatch(reloadTree()), 30000)

commafeed-client/src/pages/app/TagDetailsPage.tsx

@@ -0,0 +1,42 @@
+import { t, Trans } from "@lingui/macro"
+
+import { Anchor, Box, Button, Container, Group, Input, Stack, Title } from "@mantine/core"
+import { Constants } from "app/constants"
+import { redirectToSelectedSource } from "app/slices/redirect"
+import { useAppDispatch, useAppSelector } from "app/store"
+import { useParams } from "react-router-dom"
+
+export function TagDetailsPage() {
+    const { id = Constants.categories.all.id } = useParams()
+
+    const apiKey = useAppSelector(state => state.user.profile?.apiKey)
+    const dispatch = useAppDispatch()
+
+    return (
+        <Container>
+            <Stack>
+                <Title order={3}>{id}</Title>
+                <Input.Wrapper label={t`Generated feed url`}>
+                    <Box>
+                        {apiKey && (
+                            <Anchor
+                                href={`rest/category/entriesAsFeed?id=${Constants.categories.all.id}&apiKey=${apiKey}&tag=${id}`}
+                                target="_blank"
+                                rel="noreferrer"
+                            >
+                                <Trans>Link</Trans>
+                            </Anchor>
+                        )}
+                        {!apiKey && <Trans>Generate an API key in your profile first.</Trans>}
+                    </Box>
+                </Input.Wrapper>
+
+                <Group>
+                    <Button variant="default" onClick={() => dispatch(redirectToSelectedSource())}>
+                        <Trans>Cancel</Trans>
+                    </Button>
+                </Group>
+            </Stack>
+        </Container>
+    )
+}