Merge pull request #93 from codeit9-temporary/feature/Card-ui컴포넌트-구현

Fix: LinkCard tailwind 수정, timeAgo 유틸함수 로직변경

Author: junjeeong

components/Link/LinkCard.tsx

@@ -58,7 +58,7 @@ const LinkCard = ({ openEdit, openDelete, info }: LinkCardProps) => {
           alt="링크 미리보기"
           fill
         />
-        {/* isFavoritePage일 때만 즐겨찾기 버튼 렌더링 */}
+        {/* 즐겨찾기 페이지가 아닐 때에는 즐겨찾기 버튼 렌더링x */}
         {!isFavoritePage && (
           <div
             onClick={() => setIsSubscribed(!isSubscribed)}
@@ -94,12 +94,10 @@ const LinkCard = ({ openEdit, openDelete, info }: LinkCardProps) => {
             </div>
           )}
         </div>
-        <div className="text-[black100] text-lg ">
+        <div className="text-black100 y-[42px] line-clamp-2">
           {info.description || "설명"}
         </div>
-        <div className="text-sm text-[black200]">
-          {formattedDate || "2024.11.06"}
-        </div>
+        <div className="text-sm">{formattedDate || "2024.11.06"}</div>
       </section>
     </div>
   );

util/timAgo.ts

@@ -7,11 +7,13 @@ function timeAgo(createdAt: string): string {
   );
   const minutesDiff = Math.floor(secondsDiff / 60);
   const hoursDiff = Math.floor(minutesDiff / 60);
-  const daysDiff = Math.floor(hoursDiff / 24); //
+  const daysDiff = Math.floor(hoursDiff / 24);
 
-  if (hoursDiff < 1) {
+  if (minutesDiff < 1) {
     return `${secondsDiff}초 전`;
-  } else if (hoursDiff < 24) {
+  } else if (hoursDiff < 1) {
+    return `${minutesDiff}분 전`;
+  } else if (daysDiff < 1) {
     return `${hoursDiff}시간 전`;
   } else {
     return `${daysDiff}일 전`;