chore: change list row text color props

Myongji-Graduate · Jun 8, 2024 · 79dc2e7 · 79dc2e7
1 parent 2a492f6
commit 79dc2e7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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}