feat: Render human tags before AI tags (#1740)

1 files changed, 14 insertions, 10 deletions

diff --git a/apps/browser-extension/src/components/TagList.tsx b/apps/browser-extension/src/components/TagList.tsx
index 4c5f6dfa..5635a7c2 100644
--- a/apps/browser-extension/src/components/TagList.tsx
+++ b/apps/browser-extension/src/components/TagList.tsx
@@ -14,16 +14,20 @@ export default function TagList({ bookmarkId }: { bookmarkId: string }) {
       {bookmark.tags.length === 0 && !isBookmarkStillTagging(bookmark) && (
         <Badge variant="secondary">No tags</Badge>
       )}
-      {bookmark.tags.map((tag) => (
-        <Badge
-          key={tag.id}
-          className={
-            tag.attachedBy == "ai" ? "bg-purple-500 text-white" : undefined
-          }
-        >
-          {tag.name}
-        </Badge>
-      ))}
+      {[...bookmark.tags]
+        .sort((a, b) =>
+          a.attachedBy === "ai" ? 1 : b.attachedBy === "ai" ? -1 : 0,
+        )
+        .map((tag) => (
+          <Badge
+            key={tag.id}
+            className={
+              tag.attachedBy === "ai" ? "bg-purple-500 text-white" : undefined
+            }
+          >
+            {tag.name}
+          </Badge>
+        ))}
       {isBookmarkStillTagging(bookmark) && (
         <Badge variant="secondary">AI tags loading...</Badge>
       )}