From 40b43532e8bc375ca1f2d5a9b98bf469b8284251 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Wed, 15 Oct 2025 21:40:31 +0200
Subject: [PATCH] style: use faLink icon for external articles

- Replace faArrowUpRightFromSquare with simpler faLink icon
- More concise visual representation for external article links
---
 src/components/BookmarkFilters.tsx | 4 ++--
 src/components/BookmarkItem.tsx    | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/BookmarkFilters.tsx b/src/components/BookmarkFilters.tsx
index e2d04e5c..21474c03 100644
--- a/src/components/BookmarkFilters.tsx
+++ b/src/components/BookmarkFilters.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faNewspaper, faStickyNote, faCirclePlay } from '@fortawesome/free-regular-svg-icons'
-import { faGlobe, faAsterisk, faArrowUpRightFromSquare } from '@fortawesome/free-solid-svg-icons'
+import { faGlobe, faAsterisk, faLink } from '@fortawesome/free-solid-svg-icons'
 
 export type BookmarkFilterType = 'all' | 'article' | 'external' | 'video' | 'note' | 'web'
 
@@ -17,7 +17,7 @@ const BookmarkFilters: React.FC<BookmarkFiltersProps> = ({
   const filters = [
     { type: 'all' as const, icon: faAsterisk, label: 'All' },
     { type: 'article' as const, icon: faNewspaper, label: 'Articles' },
-    { type: 'external' as const, icon: faArrowUpRightFromSquare, label: 'External Articles' },
+    { type: 'external' as const, icon: faLink, label: 'External Articles' },
     { type: 'video' as const, icon: faCirclePlay, label: 'Videos' },
     { type: 'note' as const, icon: faStickyNote, label: 'Notes' },
     { type: 'web' as const, icon: faGlobe, label: 'Web' }
diff --git a/src/components/BookmarkItem.tsx b/src/components/BookmarkItem.tsx
index 64bfc95d..2d75f737 100644
--- a/src/components/BookmarkItem.tsx
+++ b/src/components/BookmarkItem.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import { faNewspaper, faStickyNote, faCirclePlay, faCamera, faFileLines } from '@fortawesome/free-regular-svg-icons'
-import { faGlobe, faArrowUpRightFromSquare } from '@fortawesome/free-solid-svg-icons'
+import { faGlobe, faLink } from '@fortawesome/free-solid-svg-icons'
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core'
 import { useEventModel } from 'applesauce-react/hooks'
 import { Models } from 'applesauce-core'
@@ -81,7 +81,7 @@ export const BookmarkItem: React.FC<BookmarkItemProps> = ({ bookmark, index, onS
         case 'image':
           return faCamera
         case 'article':
-          return faArrowUpRightFromSquare // External article
+          return faLink // External article
         default:
           return faGlobe
       }
@@ -89,7 +89,7 @@ export const BookmarkItem: React.FC<BookmarkItemProps> = ({ bookmark, index, onS
     
     if (!hasUrls) return faStickyNote // Just a text note
     if (firstUrlClassification?.type === 'youtube' || firstUrlClassification?.type === 'video') return faCirclePlay
-    if (firstUrlClassification?.type === 'article') return faArrowUpRightFromSquare // External article
+    if (firstUrlClassification?.type === 'article') return faLink // External article
     return faFileLines
   }