Implement Item Interactions (read/star) with tests

1 files changed, 7 insertions, 37 deletions

diff --git a/frontend/coverage/src/components/FeedItems.tsx.html b/frontend/coverage/src/components/FeedItems.tsx.html
index 85c9705..ed7bf57 100644
--- a/frontend/coverage/src/components/FeedItems.tsx.html
+++ b/frontend/coverage/src/components/FeedItems.tsx.html
@@ -30,9 +30,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">61.11% </span>
+                <span class="strong">60% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>11/18</span>
+                <span class='fraction'>6/10</span>
             </div>
         
             
@@ -119,17 +119,8 @@
 <a name='L54'></a><a href='#L54'>54</a>
 <a name='L55'></a><a href='#L55'>55</a>
 <a name='L56'></a><a href='#L56'>56</a>
-<a name='L57'></a><a href='#L57'>57</a>
-<a name='L58'></a><a href='#L58'>58</a>
-<a name='L59'></a><a href='#L59'>59</a>
-<a name='L60'></a><a href='#L60'>60</a>
-<a name='L61'></a><a href='#L61'>61</a>
-<a name='L62'></a><a href='#L62'>62</a>
-<a name='L63'></a><a href='#L63'>63</a>
-<a name='L64'></a><a href='#L64'>64</a>
-<a name='L65'></a><a href='#L65'>65</a>
-<a name='L66'></a><a href='#L66'>66</a>
-<a name='L67'></a><a href='#L67'>67</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L57'></a><a href='#L57'>57</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -184,20 +175,10 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import type { Item } from '../types';
+import FeedItem from './FeedItem';
 import './FeedItems.css';
 &nbsp;
 export default function FeedItems() {
@@ -243,18 +224,7 @@ export default function FeedItems() {
             ) : (
                 &lt;ul className="item-list"&gt;
                     {items.map((item) =&gt; (
-                        &lt;li key={item._id} className={`item ${item.read ? 'read' : 'unread'}`}&gt;
-                            &lt;a href={item.url} target="_blank" rel="noopener noreferrer" className="item-title"&gt;
-                                {item.title || <span class="branch-1 cbranch-no" title="branch not covered" >'(No Title)'}</span>
-                            &lt;/a&gt;
-                            &lt;div className="item-meta"&gt;
-                                &lt;span className="item-date"&gt;{new Date(item.publish_date).toLocaleDateString()}&lt;/span&gt;
-                                {item.feed_title &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >&lt;span className="item-feed"&gt; - {item.feed_title}&lt;/span&gt;}</span>
-                            &lt;/div&gt;
-                            {item.description &amp;&amp; (
-<span class="branch-1 cbranch-no" title="branch not covered" >                                &lt;div className="item-description" dangerouslySetInnerHTML={{ __html: item.description }} /&gt;</span>
-                            )}
-                        &lt;/li&gt;
+                        &lt;FeedItem key={item._id} item={item} /&gt;
                     ))}
                 &lt;/ul&gt;
             )}
@@ -268,7 +238,7 @@ export default function FeedItems() {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-02-13T06:02:51.320Z
+                at 2026-02-13T14:57:42.722Z
             </div>
         <script src="../../prettify.js"></script>
         <script>