xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

Only show tags within collection

This commit is contained in:
Oliver Schwamb 2024-07-05 10:50:32 +02:00
parent a1f48bbd79
commit e045c18b7d
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pages/public/collections/[id].tsx
View File

@ -44,6 +44,7 @@ const cardVariants: Variants = {
export default function PublicCollections() { export default function PublicCollections() {
const { links } = useLinkStore(); const { links } = useLinkStore();
const tagsInCollection = links.map(l => l.tags).flat();
const { settings } = useLocalSettingsStore(); const { settings } = useLocalSettingsStore();
@ -241,7 +242,7 @@ export default function PublicCollections() {
<ViewDropdown viewMode={viewMode} setViewMode={setViewMode} /> <ViewDropdown viewMode={viewMode} setViewMode={setViewMode} />
</div> </div>
</div> </div>
{collection.tagsArePublic && tags[0] && ( {collection.tagsArePublic && tagsInCollection[0] && (
<div> <div>
<p className="text-sm">Browse by topic</p> <p className="text-sm">Browse by topic</p>
<div className="flex gap-2 mt-2 mb-6"> <div className="flex gap-2 mt-2 mb-6">
@ -257,7 +258,7 @@ export default function PublicCollections() {
</div> </div>
</div> </div>
</button> </button>
{tags {tagsInCollection
.sort((a, b) => a.name.localeCompare(b.name)) .sort((a, b) => a.name.localeCompare(b.name))
.map((e, i) => { .map((e, i) => {
const active = router.query.q === e.name; const active = router.query.q === e.name;
@ -274,7 +275,7 @@ export default function PublicCollections() {
<i className="bi-hash text-2xl text-primary drop-shadow"></i> <i className="bi-hash text-2xl text-primary drop-shadow"></i>
<p className="truncate pr-7">{e.name}</p> <p className="truncate pr-7">{e.name}</p>
<div className="drop-shadow text-neutral text-xs"> <div className="drop-shadow text-neutral text-xs">
{e._count?.links} {tags.find(t => t.id === e.id)?._count?.links}
</div> </div>
</div> </div>
</button> </button>