style: switch to regular comments icon

- Use faComments from @fortawesome/free-regular-svg-icons
- Replace solid faComment with regular faComments
- Provides lighter, outlined icon style per FontAwesome regular variant
This commit is contained in:
Gigi
2025-10-14 11:33:02 +02:00
parent 82058c0ef4
commit c595f94567

View File

@@ -1,6 +1,7 @@
import React, { useEffect, useRef, useState } from 'react'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faQuoteLeft, faExternalLinkAlt, faPlane, faSpinner, faHighlighter, faTrash, faEllipsisH, faMobileAlt, faComment } from '@fortawesome/free-solid-svg-icons'
import { faQuoteLeft, faExternalLinkAlt, faPlane, faSpinner, faHighlighter, faTrash, faEllipsisH, faMobileAlt } from '@fortawesome/free-solid-svg-icons'
import { faComments } from '@fortawesome/free-regular-svg-icons'
import { Highlight } from '../types/highlights'
import { useEventModel } from 'applesauce-react/hooks'
import { Models, IEventStore } from 'applesauce-core'
@@ -346,7 +347,7 @@ export const HighlightItem: React.FC<HighlightItemProps> = ({
{highlight.comment && (
<div className="highlight-comment">
<FontAwesomeIcon icon={faComment} flip="horizontal" className="highlight-comment-icon" />
<FontAwesomeIcon icon={faComments} flip="horizontal" className="highlight-comment-icon" />
{highlight.comment}
</div>
)}