From bd2508211760edbc1bad1d515587d08fd2ec99c9 Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Fri, 13 Feb 2026 06:58:30 -0800
Subject: Implement Item Interactions (read/star) with tests

---
 frontend/src/components/FeedItems.tsx | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

(limited to 'frontend/src/components/FeedItems.tsx')

diff --git a/frontend/src/components/FeedItems.tsx b/frontend/src/components/FeedItems.tsx
index 048bed7..e6f0a84 100644
--- a/frontend/src/components/FeedItems.tsx
+++ b/frontend/src/components/FeedItems.tsx
@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import type { Item } from '../types';
+import FeedItem from './FeedItem';
 import './FeedItems.css';
 
 export default function FeedItems() {
@@ -46,18 +47,7 @@ export default function FeedItems() {
             ) : (
                 <ul className="item-list">
                     {items.map((item) => (
-                        <li key={item._id} className={`item ${item.read ? 'read' : 'unread'}`}>
-                            <a href={item.url} target="_blank" rel="noopener noreferrer" className="item-title">
-                                {item.title || '(No Title)'}
-                            </a>
-                            <div className="item-meta">
-                                <span className="item-date">{new Date(item.publish_date).toLocaleDateString()}</span>
-                                {item.feed_title && <span className="item-feed"> - {item.feed_title}</span>}
-                            </div>
-                            {item.description && (
-                                <div className="item-description" dangerouslySetInnerHTML={{ __html: item.description }} />
-                            )}
-                        </li>
+                        <FeedItem key={item._id} item={item} />
                     ))}
                 </ul>
             )}
-- 
cgit v1.2.3

