From 72bc352b510151473bb7553b22865eca2b3e05b8 Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Wed, 29 Oct 2025 14:34:01 -0400
Subject: [PATCH] changed tags to use Link rather than button

---
 .../[rkey]/Interactions/Interactions.tsx            |  7 +------
 app/lish/[did]/[publication]/page.tsx               |  2 +-
 components/Icons/TagTiny.tsx                        |  2 +-
 components/InteractionsPreview.tsx                  |  7 +------
 components/Tags.tsx                                 | 13 +++++--------
 5 files changed, 9 insertions(+), 22 deletions(-)

diff --git a/app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx b/app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
index 5a40643b..8a40433a 100644
--- a/app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
+++ b/app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
@@ -188,12 +188,7 @@ const TagList = (props: { className?: string }) => {
   return (
     <div className="flex gap-1 flex-wrap">
       {Tags.map((tag, index) => (
-        <Tag
-          name={tag}
-          key={index}
-          onClick={() => {}}
-          className={props.className}
-        />
+        <Tag name={tag} key={index} className={props.className} />
       ))}
     </div>
   );
diff --git a/app/lish/[did]/[publication]/page.tsx b/app/lish/[did]/[publication]/page.tsx
index 468c87e9..7f1c86b2 100644
--- a/app/lish/[did]/[publication]/page.tsx
+++ b/app/lish/[did]/[publication]/page.tsx
@@ -151,7 +151,7 @@ export default async function Publication(props: {
                             </p>
                           </SpeedyLink>
 
-                          <div className="text-sm text-tertiary flex gap-3 items-center justify-between pt-2">
+                          <div className="text-sm text-tertiary flex gap-3 items-center justify-start pt-2">
                             <p className="text-sm text-tertiary ">
                               {doc_record.publishedAt &&
                                 new Date(
diff --git a/components/Icons/TagTiny.tsx b/components/Icons/TagTiny.tsx
index fbc76d78..090448d6 100644
--- a/components/Icons/TagTiny.tsx
+++ b/components/Icons/TagTiny.tsx
@@ -11,7 +11,7 @@ export const TagTiny = (props: Props) => {
       {...props}
     >
       <path
-        d="M3.77874 8.14156C4.04754 8.07881 4.31714 8.24579 4.38005 8.51452C4.44271 8.78328 4.27495 9.05185 4.00625 9.11474C3.28447 9.28337 2.58798 9.82866 2.18022 10.4965C1.77055 11.1676 1.71549 11.8422 2.03769 12.3353C2.36996 12.8435 2.93354 13.1112 3.61236 13.2263C4.29074 13.3412 5.01376 13.29 5.55383 13.2237C6.54373 13.1021 7.25828 13.2476 7.69267 13.6328C8.15181 14.0403 8.18433 14.614 7.99959 15.0162C7.88416 15.2668 7.58704 15.3767 7.33628 15.2616C7.0857 15.1462 6.97585 14.849 7.09097 14.5982C7.11525 14.5452 7.11869 14.4601 7.02881 14.3804C6.91351 14.2784 6.55727 14.1072 5.67549 14.2155C5.10468 14.2856 4.26832 14.3513 3.44625 14.2121C2.6248 14.073 1.74646 13.7162 1.2011 12.882C0.590511 11.9475 0.802366 10.8346 1.32753 9.97447C1.85479 9.11128 2.76086 8.37934 3.77874 8.14156ZM14.0713 8.01372C14.3165 7.88693 14.6185 7.98357 14.7454 8.22876C14.8721 8.47385 14.7763 8.77506 14.5315 8.90204L8.24836 12.1523C7.79573 12.3863 7.28197 12.4771 6.77669 12.4112L3.48529 11.9816C3.2117 11.9458 3.0178 11.6945 3.05325 11.421C3.08899 11.1471 3.34091 10.9543 3.61473 10.99L6.90515 11.4195C7.20846 11.4591 7.51745 11.4046 7.78915 11.2641L14.0713 8.01372ZM11.2719 0.59284C11.7623 0.339077 12.3655 0.530621 12.6195 1.02086L15.0813 5.77601C15.3349 6.26628 15.1434 6.8696 14.6533 7.12355L7.65485 10.7462C7.37839 10.8894 7.06364 10.9431 6.75536 10.8997L3.94709 10.5035C3.53436 10.4452 3.17519 10.2676 2.89314 10.0144C3.08431 9.83482 3.29805 9.68223 3.5211 9.56452C3.83514 9.73322 4.22432 9.74989 4.56482 9.57371C5.11288 9.28982 5.32789 8.61462 5.04422 8.06644C4.76036 7.51832 4.08504 7.30434 3.53684 7.58801C3.29878 7.71132 3.12364 7.90842 3.02498 8.13672C2.74318 8.26557 2.47569 8.42747 2.22886 8.61485C2.21498 8.31747 2.26652 8.01049 2.39766 7.71408L3.6352 4.91811C3.77336 4.60615 4.0138 4.35055 4.31674 4.19359L11.2719 0.59284Z"
+        d="M3.70775 9.003C3.96622 8.90595 4.25516 9.03656 4.35228 9.29499C4.37448 9.35423 4.38309 9.41497 4.38255 9.47468C4.38208 9.6765 4.25946 9.86621 4.05931 9.94148C3.36545 10.2021 2.74535 10.833 2.42747 11.5479C2.33495 11.7561 2.27242 11.9608 2.239 12.1573C2.15817 12.6374 2.25357 13.069 2.52513 13.3858C2.92043 13.8467 3.51379 14.0403 4.20189 14.0665C4.88917 14.0925 5.59892 13.9482 6.12571 13.8126C7.09158 13.5639 7.81893 13.6157 8.29954 13.9415C8.67856 14.1986 8.83462 14.578 8.8347 14.9298C8.83502 15.0506 8.81652 15.1682 8.78294 15.2764C8.7009 15.5398 8.42049 15.6873 8.15696 15.6055C7.89935 15.5253 7.75386 15.2555 7.82396 14.9971C7.82572 14.9905 7.8258 14.9833 7.82786 14.9766C7.83167 14.9643 7.834 14.9503 7.8347 14.9356C7.83623 14.8847 7.8147 14.823 7.739 14.7716C7.61179 14.6853 7.23586 14.5616 6.37474 14.7833C5.81779 14.9266 4.99695 15.1 4.1638 15.0684C3.33126 15.0368 2.41412 14.7967 1.76536 14.0401C1.30175 13.4992 1.16206 12.8427 1.22728 12.1993C1.23863 12.086 1.25554 11.9732 1.27903 11.8614C1.28235 11.8457 1.28624 11.8302 1.28978 11.8145C1.34221 11.5817 1.41832 11.3539 1.51439 11.1378C1.92539 10.2136 2.72927 9.37064 3.70775 9.003ZM13.8972 7.54695C14.124 7.38948 14.4359 7.44622 14.5935 7.67292C14.7508 7.89954 14.6948 8.21063 14.4685 8.36823L8.65892 12.4044C8.24041 12.695 7.74265 12.8515 7.23314 12.8516H3.9138C3.63794 12.8515 3.41315 12.6274 3.41282 12.3516C3.41282 12.0755 3.63769 11.8517 3.9138 11.8516H7.23216C7.538 11.8516 7.8374 11.7575 8.0886 11.5831L13.8972 7.54695ZM10.1609 0.550851C10.6142 0.235853 11.2372 0.347685 11.5525 0.800851L14.6091 5.19734C14.9239 5.65063 14.8121 6.27369 14.3591 6.58894L7.88841 11.087C7.63297 11.2645 7.32837 11.3586 7.01732 11.3555L4.1804 11.3262C3.76371 11.3218 3.38443 11.1921 3.072 10.9776C3.23822 10.7748 3.43062 10.5959 3.63646 10.4503C3.96958 10.5767 4.35782 10.5421 4.67259 10.3233C5.17899 9.97084 5.30487 9.27438 4.95286 8.76765C4.60048 8.26108 3.90304 8.13639 3.39622 8.48835C3.17656 8.64127 3.02799 8.85895 2.9597 9.09773C2.69658 9.26211 2.45194 9.45783 2.23118 9.67585C2.17892 9.38285 2.19133 9.07163 2.28294 8.76081L3.14818 5.8282C3.24483 5.50092 3.45101 5.21639 3.73118 5.02155L10.1609 0.550851ZM8.76732 3.73835L9.73607 4.91023L8.68626 5.41804L7.79466 6.24323L7.04857 4.91804L6.26634 5.45417L7.22923 6.63386L5.72337 7.40437L6.34739 8.31355L7.60814 7.18464L8.37767 8.53132L9.15989 7.99421L8.17454 6.79792L9.27708 6.25788L10.1179 5.46589L10.8786 6.81452L11.6609 6.27741L10.6745 5.07917L12.1882 4.30476L11.5642 3.39558L10.2976 4.52839L9.54954 3.20124L8.76732 3.73835Z"
         fill="currentColor"
       />
     </svg>
diff --git a/components/InteractionsPreview.tsx b/components/InteractionsPreview.tsx
index a74e53cf..851daac3 100644
--- a/components/InteractionsPreview.tsx
+++ b/components/InteractionsPreview.tsx
@@ -109,12 +109,7 @@ const TagList = (props: { className?: string }) => {
   return (
     <div className="flex gap-1 flex-wrap">
       {Tags.map((tag, index) => (
-        <Tag
-          name={tag}
-          key={index}
-          onClick={() => {}}
-          className={props.className}
-        />
+        <Tag name={tag} key={index} className={props.className} />
       ))}
     </div>
   );
diff --git a/components/Tags.tsx b/components/Tags.tsx
index 04f3ad12..bcaed365 100644
--- a/components/Tags.tsx
+++ b/components/Tags.tsx
@@ -3,6 +3,7 @@ import { CloseTiny } from "components/Icons/CloseTiny";
 import { Input } from "components/Input";
 import { useState, useRef, useEffect } from "react";
 import { Popover } from "components/Popover";
+import Link from "next/link";
 
 const Tags: { name: string; tagged: number }[] = [
   { name: "dogs", tagged: 240 },
@@ -19,22 +20,18 @@ export const Tag = (props: {
   name: string;
   selected?: boolean;
   onDelete?: (tag: string) => void;
-  onClick?: (tag: string) => void;
   className?: string;
 }) => {
   return (
     <div
       className={`tag flex items-center text-xs  rounded-md border ${props.selected ? "bg-accent-1 text-accent-2 border-accent-1 font-bold" : "bg-bg-page text-tertiary border-border"} ${props.className}`}
     >
-      <button
-        type="button"
-        onClick={() => {
-          props.onClick ? props.onClick(props.name) : null;
-        }}
-        className={`px-1 py-0.5`}
+      <Link
+        href="/tag"
+        className={`px-1 py-0.5 text-tertiary hover:no-underline!`}
       >
         {props.name}{" "}
-      </button>
+      </Link>
       {props.selected ? (
         <button
           type="button"
-- 
2.54.0