fix(ui): sync FeedItem state with props to update read status styling (NK-fpzx66)

1 files changed, 5 insertions, 1 deletions

diff --git a/frontend/src/components/FeedItem.tsx b/frontend/src/components/FeedItem.tsx
index 2dcbcb9..b86e60c 100644
--- a/frontend/src/components/FeedItem.tsx
+++ b/frontend/src/components/FeedItem.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import type { Item } from '../types';
 import './FeedItem.css';
 
@@ -10,6 +10,10 @@ export default function FeedItem({ item: initialItem }: FeedItemProps) {
     const [item, setItem] = useState(initialItem);
     const [loading, setLoading] = useState(false);
 
+    useEffect(() => {
+        setItem(initialItem);
+    }, [initialItem]);
+
 
     const toggleStar = () => {
         updateItem({ ...item, starred: !item.starred });