aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-28 20:14:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

style: use faLink icon for external articles

Browse Source 
- Replace faArrowUpRightFromSquare with simpler faLink icon
- More concise visual representation for external article links
This commit is contained in:
Gigi
2025-10-15 21:40:31 +02:00
parent 51a3008730
commit 40b43532e8
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/BookmarkFilters.tsx
View File

@@ -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' }

6
src/components/BookmarkItem.tsx
View File

@@ -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
}