diff --git a/src/shared/images/add.svg b/public/icons/add.svg similarity index 100% rename from src/shared/images/add.svg rename to public/icons/add.svg diff --git a/src/entities/chat/ui/ChattingRoom/ChattingRoom.tsx b/src/entities/chat/ui/ChattingRoom/ChattingRoom.tsx index 20fc8ea1..df147a93 100644 --- a/src/entities/chat/ui/ChattingRoom/ChattingRoom.tsx +++ b/src/entities/chat/ui/ChattingRoom/ChattingRoom.tsx @@ -5,7 +5,7 @@ import { uploadImage } from "@/shared/api/uploadImage"; import { useModalStore } from "@/shared/model/modal.store"; import Button from "@/shared/ui/Button/Button"; import { TextField } from "@/shared/ui/TextField/TextField"; -import DeleteIcon from "@/shared/images/delete.svg"; +import DeleteIcon from "@/shared/icons/delete.svg"; import { apiFetch } from "@/shared/api/fetcher"; import { useChatMessages } from "../../lib/useChatMessages"; @@ -213,7 +213,7 @@ export const ChattingRoom = ({ ref={scrollContainerRef} className="absolute top-[100px] bottom-[100px] left-0 w-full overflow-y-auto p-4" > -
+
{isMessagesLoading && (
이전 메시지를 불러오는 중... @@ -235,7 +235,7 @@ export const ChattingRoom = ({ {image && (
-
+
Selected image { return ( -
-
-
+
+
+
{thumbnail ? ( {title} ) : ( @@ -41,31 +42,36 @@ const PostCard = ({
)}
-
-

+ +
+

{title}

+

{price?.toLocaleString()} 원

-
-
+ +
+
조회 {viewCount}
-
+ +
채팅 수 {chatCount} + 좋아요 수 {likeCount}
diff --git a/src/entities/user/ui/card/Profile.tsx b/src/entities/user/ui/card/Profile.tsx index 448d422f..04bc5b2f 100644 --- a/src/entities/user/ui/card/Profile.tsx +++ b/src/entities/user/ui/card/Profile.tsx @@ -31,21 +31,24 @@ const Profile = ({ const { logout } = useAuthStore(); return ( -
+
프로필
-

+

{nickname}

-

+

{introduction}

@@ -53,34 +56,33 @@ const Profile = ({
-
+
{buyCount}
-
구매내역
- +
구매내역
+
-
+
{sellCount}
-
판매내역
+
판매내역
+
-
- {category} -
-
관심 카테고리
+
{category}
+
관심 카테고리
-
- ); }; diff --git a/src/features/createPost/ui/PostCreateModal/PostCreateModal.tsx b/src/features/createPost/ui/PostCreateModal/PostCreateModal.tsx index 46529047..eeddc8c3 100644 --- a/src/features/createPost/ui/PostCreateModal/PostCreateModal.tsx +++ b/src/features/createPost/ui/PostCreateModal/PostCreateModal.tsx @@ -125,9 +125,9 @@ export const PostCreateModal = ({ onClick={() => handleRemoveImage(idx)} > 삭제
@@ -153,9 +153,9 @@ export const PostCreateModal = ({ onClick={onClose} > 닫기 @@ -167,7 +167,7 @@ export const PostCreateModal = ({ onClick={() => inputRef.current?.click()} > 이미지 선택 diff --git a/src/features/editPost/ui/PostEditModal.tsx b/src/features/editPost/ui/PostEditModal.tsx index fb87a357..1a5d5ebd 100644 --- a/src/features/editPost/ui/PostEditModal.tsx +++ b/src/features/editPost/ui/PostEditModal.tsx @@ -39,7 +39,7 @@ const ImageSwiperSlide = ( onClick={() => onRemoveButtonClick(idx)} > 삭제 @@ -185,11 +185,7 @@ export const PostEditModal = ({ className="absolute top-4 right-4" onClick={onClose} > - 닫기 + 닫기

게시물 수정

@@ -200,7 +196,7 @@ export const PostEditModal = ({ onClick={() => inputRef.current?.click()} > 이미지 선택 diff --git a/src/features/editProfile/ui/ProfileEditModal/ProfileEditModal.tsx b/src/features/editProfile/ui/ProfileEditModal/ProfileEditModal.tsx index 8988fcc9..ee6ac7d3 100644 --- a/src/features/editProfile/ui/ProfileEditModal/ProfileEditModal.tsx +++ b/src/features/editProfile/ui/ProfileEditModal/ProfileEditModal.tsx @@ -93,7 +93,7 @@ export const ProfileEditModal = ({ className={cn( "bg-black-900 relative flex flex-col rounded-lg", "w-[300px] gap-[15px] p-5", - "md:w-[520px] md:gap-[20px] md:p-10", + "md:w-[520px] md:gap-5 md:p-10", "xl:w-[620px] xl:gap-[30px] xl:p-10", className, )} @@ -104,7 +104,7 @@ export const ProfileEditModal = ({ className="absolute top-3 right-3" > 닫기 @@ -46,10 +46,10 @@ export const ProfileImageChangeInput = ({ /> ) : ( Upload Icon )} - - diff --git a/src/shared/images/arrow-up.svg b/src/shared/images/arrow-up.svg deleted file mode 100644 index 4adbf895..00000000 --- a/src/shared/images/arrow-up.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/widgets/header/ui/MobileSideMenu.tsx b/src/widgets/header/ui/MobileSideMenu.tsx index 6609eeb8..45c0b632 100644 --- a/src/widgets/header/ui/MobileSideMenu.tsx +++ b/src/widgets/header/ui/MobileSideMenu.tsx @@ -3,7 +3,6 @@ import { useEffect, useState } from "react"; import { useRouter } from "next/navigation"; import Link from "next/link"; -import DeleteIcon from "@/shared/images/delete.svg"; import { useAuthStore } from "@/features/auth/model/auth.store"; import cn from "@/shared/lib/cn"; import { apiFetch } from "@/shared/api/fetcher"; @@ -46,7 +45,7 @@ export default function MobileSideMenu({

메뉴

-
diff --git a/src/widgets/main/ui/Select/Select.tsx b/src/widgets/main/ui/Select/Select.tsx index 63ffdce9..73d63c30 100644 --- a/src/widgets/main/ui/Select/Select.tsx +++ b/src/widgets/main/ui/Select/Select.tsx @@ -3,9 +3,6 @@ import { useState, useRef, useEffect } from "react"; import cn from "@/shared/lib/cn"; -import ArrowUpIcon from "@/shared/images/arrow-up.svg"; -import ArrowDownIcon from "@/shared/images/arrow-down.svg"; - interface Item { label: string; value: string; @@ -52,7 +49,7 @@ const Select = ({ }, [open]); return ( -
+
{ @@ -30,11 +28,23 @@ const Tab = ({ options, selected, onChange }: TabSortProps) => { aria-haspopup="dialog" aria-expanded={open} aria-controls="sort-options" - className="flex items-center justify-between gap-[5px] p-[5px] text-[14px] leading-none font-[400] text-white" + className="flex items-center justify-between gap-1.25 p-1.25 text-sm leading-none font-normal text-white" onClick={() => setOpen((prev) => !prev)} > {selectedLabel} - {open ? : } + {open ? ( + Arrow Up + ) : ( + Arrow Down + )} {open && ( @@ -91,7 +101,7 @@ const Tab = ({ options, selected, onChange }: TabSortProps) => { id={`tab-${value}`} tabIndex={selected === value ? 0 : -1} className={cn( - "w-[160px] border-b p-[16px] text-center text-[20px] leading-none font-normal transition-colors duration-150 hover:cursor-pointer hover:border-b-white focus-visible:outline-none", + "w-40 border-b p-4 text-xl leading-none font-normal transition-colors duration-150 hover:cursor-pointer hover:border-b-white focus-visible:outline-none", selected === value ? "border-b-white text-white" : "border-b-gray-600 text-gray-600", diff --git a/src/widgets/postDetail/ui/PostDetailSection.tsx b/src/widgets/postDetail/ui/PostDetailSection.tsx index b4ca6217..8bfa29ba 100644 --- a/src/widgets/postDetail/ui/PostDetailSection.tsx +++ b/src/widgets/postDetail/ui/PostDetailSection.tsx @@ -8,7 +8,7 @@ import { useQueryClient } from "@tanstack/react-query"; import PostCarousel from "@/entities/post/ui/carousel/PostCarousel"; import LikeButton from "@/features/like/ui/LikeButton"; import Button from "@/shared/ui/Button/Button"; -import UserIcon from "@/shared/images/user.svg"; +import UserIcon from "@/shared/icons/user.svg"; import Link from "next/link"; import { useLike } from "@/features/like/lib/useLike";