From 79dc2e70a1a4e323aa2e782ce4a7550b67a18b31 Mon Sep 17 00:00:00 2001
From: gahyuun <pgh123166@naver.com>
Date: Sat, 8 Jun 2024 18:22:53 +0900
Subject: [PATCH] chore: change list row text color props

---
 app/ui/lecture/lecture-search/lecture-search-result.tsx | 2 +-
 app/ui/view/molecule/list/list-row.tsx                  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/ui/lecture/lecture-search/lecture-search-result.tsx b/app/ui/lecture/lecture-search/lecture-search-result.tsx
index 9c72fdc1..78176132 100644
--- a/app/ui/lecture/lecture-search/lecture-search-result.tsx
+++ b/app/ui/lecture/lecture-search/lecture-search-result.tsx
@@ -25,7 +25,7 @@ export default function LectureSearchResult() {
   const render = (item: SearchLectures, index: number) => {
     const searchLectureItem = item;
     return (
-      <List.Row data-cy={`lecture-${searchLectureItem.name}`} key={index} textColor={item.revoked ? 'red' : 'black'}>
+      <List.Row data-cy={`lecture-${searchLectureItem.name}`} key={index} textColor={item.revoked ? 'gray' : 'black'}>
         <Grid cols={4}>
           {Object.keys(searchLectureItem).map((key, index) => {
             if (key === 'id' || key === 'taken' || key === 'revoked') return null;
diff --git a/app/ui/view/molecule/list/list-row.tsx b/app/ui/view/molecule/list/list-row.tsx
index efc37da1..18d88169 100644
--- a/app/ui/view/molecule/list/list-row.tsx
+++ b/app/ui/view/molecule/list/list-row.tsx
@@ -3,7 +3,7 @@ import { twMerge } from 'tailwind-merge';
 
 interface ListRowProps extends React.HTMLAttributes<HTMLDivElement> {
   children: ReactNode;
-  textColor?: 'red' | 'black';
+  textColor?: 'gray' | 'black';
 }
 
 export function ListRow({ children, textColor = 'black', ...props }: ListRowProps) {
@@ -12,7 +12,7 @@ export function ListRow({ children, textColor = 'black', ...props }: ListRowProp
       {...props}
       className={twMerge(
         'border-solid border-gray-300 border-b-[1px] last:border-b-0 py-4 font-medium text-sm xl:text-base 2xl:text-lg hover:bg-gray-100 group hover:first:rounded-t-xl hover:last:rounded-b-xl',
-        textColor === 'red' ? 'text-zinc-400' : 'text-zinc-700',
+        textColor === 'gray' ? 'text-zinc-400' : 'text-zinc-700',
       )}
     >
       {children}