Reworked access to tags as public viewer

pages/api/v1/public/collections/tags/index.ts

@@ -0,0 +1,35 @@
+import getPublicLinksUnderCollection from "@/lib/api/controllers/public/links/getPublicLinksUnderCollection";
+import getTags from "@/lib/api/controllers/tags/getTags";
+import { LinkRequestQuery } from "@/types/global";
+import type { NextApiRequest, NextApiResponse } from "next";
+
+export default async function collections(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  if (req.method === "GET") {
+    // Convert the type of the request query to "LinkRequestQuery"
+    const convertedData: Omit<LinkRequestQuery, "tagId"> = {
+      sort: Number(req.query.sort as string),
+      collectionId: req.query.collectionId
+        ? Number(req.query.collectionId as string)
+        : undefined,
+    };
+
+    if (!convertedData.collectionId) {
+      return res
+        .status(400)
+        .json({ response: "Please choose a valid collection." });
+    }
+
+    const links = await getPublicLinksUnderCollection(convertedData, true);
+    const tags = await getTags();
+    const tagsInLinks = links.response.map(l => l.tags).flat().filter((value, index, self) =>
+  index === self.findIndex((t) => (
+    t.name === value.name
+  ))).map(t => t.id);
+    const tagsWithCount = tags.response.filter(tag => tagsInLinks.includes(tag.id));
+    
+    return res.status(links.status).json({ response: tagsWithCount });
+  }
+}

pages/public/collections/[id].tsx

@@ -44,11 +44,7 @@ const cardVariants: Variants = {
 };
 
 export default function PublicCollections() {
-  const { links, allLinksOfCollection } = useLinkStore();
-  const tagsInCollection = allLinksOfCollection.map(l => l.tags).flat().filter((value, index, self) =>
-  index === self.findIndex((t) => (
-    t.name === value.name
-  )));
+  const { links } = useLinkStore();
   const { settings } = useLocalSettingsStore();
 
   const router = useRouter();
@@ -62,7 +58,7 @@ export default function PublicCollections() {
     archiveAsPDF: undefined as unknown as boolean,
   });
 
-  const { tags } = useTagStore();
+  const { tags, setTags } = useTagStore();
   const handleTagSelection = (tag: TagIncludingLinkCount  | undefined) => {
     if (tag) {
       Object.keys(searchFilter).forEach((v) => searchFilter[(v as keyof {name: boolean, url: boolean, description: boolean, tags: boolean, textContent: boolean})] = false)
@@ -107,6 +103,7 @@ export default function PublicCollections() {
   useEffect(() => {
     if (router.query.id) {
       getPublicCollectionData(Number(router.query.id), setCollection);
+      setTags(Number(router.query.id))
     }
   }, []);
 
@@ -252,7 +249,7 @@ export default function PublicCollections() {
               <ViewDropdown viewMode={viewMode} setViewMode={setViewMode} />
             </div>
           </div>
-{collection.tagsArePublic && tagsInCollection[0] && (
+{collection.tagsArePublic && tags[0] && (
 <Disclosure defaultOpen={tagDisclosure}>
         <Disclosure.Button
           onClick={() => {
@@ -289,7 +286,7 @@ export default function PublicCollections() {
                       </div>
                   </div>
                 </button>
-                {tagsInCollection
+                {tags
                   .sort((a, b) => a.name.localeCompare(b.name))
                   .map((e, i) => {
                     const active = router.query.q === e.name;
@@ -306,7 +303,7 @@ export default function PublicCollections() {
                           <i className="bi-hash text-2xl text-primary drop-shadow"></i>
                           <p className="truncate pr-7">{e.name}</p>
                           <div className="drop-shadow text-neutral text-xs">
-                            {tags.find(t => t.id === e.id)?._count?.links}
+                            {e._count?.links}
                           </div>
                         </div>
                       </button>