feat: add option to show favicons next to feed names in entry list

1 files changed, 21 insertions, 0 deletions

diff --git a/apps/web/app/reader/settings/_components/appearance-settings.tsx b/apps/web/app/reader/settings/_components/appearance-settings.tsx
index aaf499a..458d2b6 100644
--- a/apps/web/app/reader/settings/_components/appearance-settings.tsx
+++ b/apps/web/app/reader/settings/_components/appearance-settings.tsx
@@ -49,6 +49,12 @@ export function AppearanceSettings() {
   const setShowReadingTime = useUserInterfaceStore(
     (state) => state.setShowReadingTime
   )
+  const showEntryFavicons = useUserInterfaceStore(
+    (state) => state.showEntryFavicons
+  )
+  const setShowEntryFavicons = useUserInterfaceStore(
+    (state) => state.setShowEntryFavicons
+  )
   const showFoldersAboveFeeds = useUserInterfaceStore(
     (state) => state.showFoldersAboveFeeds
   )
@@ -126,6 +132,21 @@ export function AppearanceSettings() {
         </label>
       </div>
       <div className="mb-6">
+        <h3 className="mb-2 text-text-primary">entry favicons</h3>
+        <p className="mb-3 text-text-dim">
+          show website icons next to feed names in the entry list
+        </p>
+        <label className="flex cursor-pointer items-center gap-2 text-text-primary">
+          <input
+            type="checkbox"
+            checked={showEntryFavicons}
+            onChange={(event) => setShowEntryFavicons(event.target.checked)}
+            className="accent-text-primary"
+          />
+          <span>show entry favicons</span>
+        </label>
+      </div>
+      <div className="mb-6">
         <h3 className="mb-2 text-text-primary">focus follows interaction</h3>
         <p className="mb-3 text-text-dim">
           automatically move keyboard panel focus to the last pane you