diff --git a/src/assets/BookmarkIcon_N.png b/src/assets/BookmarkIcon_N.png deleted file mode 100644 index 176bef5..0000000 Binary files a/src/assets/BookmarkIcon_N.png and /dev/null differ diff --git a/src/assets/BookmarkIcon_Y.png b/src/assets/BookmarkIcon_Y.png deleted file mode 100644 index 786cd9f..0000000 Binary files a/src/assets/BookmarkIcon_Y.png and /dev/null differ diff --git a/src/assets/Link.png b/src/assets/Link.png deleted file mode 100644 index 45aa0fb..0000000 Binary files a/src/assets/Link.png and /dev/null differ diff --git a/src/assets/TeamIcon.png b/src/assets/TeamIcon.png deleted file mode 100644 index 6a00cfe..0000000 Binary files a/src/assets/TeamIcon.png and /dev/null differ diff --git a/src/assets/UserProfile2.png b/src/assets/UserProfile2.png deleted file mode 100644 index 1387298..0000000 Binary files a/src/assets/UserProfile2.png and /dev/null differ diff --git a/src/components/RetroList/ContentsList.tsx b/src/components/RetroList/ContentsList.tsx index 650107f..b52b03c 100644 --- a/src/components/RetroList/ContentsList.tsx +++ b/src/components/RetroList/ContentsList.tsx @@ -1,9 +1,6 @@ import { useEffect, useState } from 'react'; import { CgTimelapse } from 'react-icons/cg'; // ing -import { CiStar } from 'react-icons/ci'; -import { FaStar } from 'react-icons/fa'; import { FaRegCircleCheck } from 'react-icons/fa6'; // done -import { HiOutlineDotsHorizontal } from 'react-icons/hi'; import { IoMdPerson } from 'react-icons/io'; import { MdPeople } from 'react-icons/md'; import { RxCounterClockwiseClock } from 'react-icons/rx'; //before @@ -73,7 +70,14 @@ const ContentList: React.FC = ({ data, viewMode, searchData, s const convertToLocalTime = (dateString: string | number | Date) => { const date = new Date(dateString); const localTime = new Date(date.getTime() - date.getTimezoneOffset() * 60000); - return localTime.toLocaleString(); // 로컬 타임존으로 변환하여 문자열로 반환 + const options: Intl.DateTimeFormatOptions = { + year: 'numeric', + month: 'numeric', + day: 'numeric', + hour: 'numeric', + minute: 'numeric', + }; + return localTime.toLocaleString(undefined, options); // 로컬 타임존으로 변환하여 문자열로 반환 }; useEffect(() => { @@ -124,10 +128,10 @@ const ContentList: React.FC = ({ data, viewMode, searchData, s }} > {item.isBookmarked && ( - handleBookmark(item.id)} style={{ color: '#fcea12' }} size="19" /> + handleBookmark(item.id)} style={{ color: '#fcea12' }} size="19" /> )} - {!item.isBookmarked && handleBookmark(item.id)} size={20} />} - handleBookmark(item.id)} size={20} />} + openModalForItem(item.id)} @@ -190,13 +194,13 @@ const ContentList: React.FC = ({ data, viewMode, searchData, s {item.isBookmarked && ( - handleBookmark(item.id)} style={{ color: '#fcea12' }} size="19" /> + handleBookmark(item.id)} style={{ color: '#fcea12' }} size="19" /> )} - {!item.isBookmarked && handleBookmark(item.id)} size={20} />} + {!item.isBookmarked && handleBookmark(item.id)} size={20} />} {item.status === 'NOT_STARTED' && ( - @@ -212,7 +216,7 @@ const ContentList: React.FC = ({ data, viewMode, searchData, s )} - openModalForItem(item.id)} diff --git a/src/styles/RetroList/ContentsList.styles.ts b/src/styles/RetroList/ContentsList.styles.ts index 0d2be60..c8a7345 100644 --- a/src/styles/RetroList/ContentsList.styles.ts +++ b/src/styles/RetroList/ContentsList.styles.ts @@ -1,3 +1,6 @@ +import { CiStar } from 'react-icons/ci'; +import { FaStar } from 'react-icons/fa'; +import { HiOutlineDotsHorizontal } from 'react-icons/hi'; import styled from 'styled-components'; export const BoardContainer = styled.div` @@ -134,3 +137,20 @@ export const Icon = styled.img` cursor: pointer; } `; +export const StyledCiStar = styled(CiStar)` + &:hover { + cursor: pointer; + } +`; + +export const StyledHiOutlineDotsHorizontal = styled(HiOutlineDotsHorizontal)` + &:hover { + cursor: pointer; + } +`; + +export const StyledFaStar = styled(FaStar)` + &:hover { + cursor: pointer; + } +`;