From 0f0a08196a045d49cf98bb2b841e6475cc0c94a6 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Mon, 4 Aug 2025 09:27:30 +0900
Subject: refactor(frontend): Remove unnecessary component property

---
 frontend/src/components/ArticleItem.tsx | 35 +++++++++++++++------------------
 1 file changed, 16 insertions(+), 19 deletions(-)

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

diff --git a/frontend/src/components/ArticleItem.tsx b/frontend/src/components/ArticleItem.tsx
index 8fb00b0..faa86fe 100644
--- a/frontend/src/components/ArticleItem.tsx
+++ b/frontend/src/components/ArticleItem.tsx
@@ -18,10 +18,9 @@ type Article = NonNullable<
 
 interface Props {
 	article: Article;
-	showReadStatus?: boolean;
 }
 
-export function ArticleItem({ article, showReadStatus = true }: Props) {
+export function ArticleItem({ article }: Props) {
 	const [, markArticleRead] = useMutation(MarkArticleReadDocument);
 	const [, markArticleUnread] = useMutation(MarkArticleUnreadDocument);
 
@@ -66,23 +65,21 @@ export function ArticleItem({ article, showReadStatus = true }: Props) {
 					: "border-blue-200 bg-blue-50"
 			}`}
 		>
-			{showReadStatus && (
-				<button
-					type="button"
-					onClick={() => handleToggleRead(article.id, optimisticArticle.isRead)}
-					className={`flex-shrink-0 rounded p-1 transition-colors ${
-						optimisticArticle.isRead
-							? "text-gray-400 hover:text-gray-600"
-							: "text-blue-600 hover:text-blue-700"
-					}`}
-					title={optimisticArticle.isRead ? "Mark as unread" : "Mark as read"}
-				>
-					<FontAwesomeIcon
-						icon={optimisticArticle.isRead ? faCheck : faCircle}
-						className="w-4 h-4"
-					/>
-				</button>
-			)}
+			<button
+				type="button"
+				onClick={() => handleToggleRead(article.id, optimisticArticle.isRead)}
+				className={`flex-shrink-0 rounded p-1 transition-colors ${
+					optimisticArticle.isRead
+						? "text-gray-400 hover:text-gray-600"
+						: "text-blue-600 hover:text-blue-700"
+				}`}
+				title={optimisticArticle.isRead ? "Mark as unread" : "Mark as read"}
+			>
+				<FontAwesomeIcon
+					icon={optimisticArticle.isRead ? faCheck : faCircle}
+					className="w-4 h-4"
+				/>
+			</button>
 			<div className="flex-1 min-w-0">
 				<button
 					type="button"
-- 
cgit v1.2.3-70-g09d2

