diff --git a/src/app/myprofile/_components/profile-sidebar/profile-sidebar.stories.tsx b/src/app/myprofile/_components/account-item/account-item.stories.tsx similarity index 59% rename from src/app/myprofile/_components/profile-sidebar/profile-sidebar.stories.tsx rename to src/app/myprofile/_components/account-item/account-item.stories.tsx index 095be19e..edd8a6ef 100644 --- a/src/app/myprofile/_components/profile-sidebar/profile-sidebar.stories.tsx +++ b/src/app/myprofile/_components/account-item/account-item.stories.tsx @@ -1,9 +1,9 @@ import { Meta, StoryObj } from "@storybook/nextjs"; -import ProfileSidebar from "./profile-sidebar"; +import AccountItem from "./account-item"; -const meta: Meta = { - title: "My-profile/ProfileSidebar", - component: ProfileSidebar, +const meta: Meta = { + title: "My-profile/AccountItem", + component: AccountItem, tags: ["autodocs"], parameters: { layout: "centered", diff --git a/src/app/myprofile/_components/profile-sidebar/profile-sidebar.tsx b/src/app/myprofile/_components/account-item/account-item.tsx similarity index 89% rename from src/app/myprofile/_components/profile-sidebar/profile-sidebar.tsx rename to src/app/myprofile/_components/account-item/account-item.tsx index e4472283..e6aaccfa 100644 --- a/src/app/myprofile/_components/profile-sidebar/profile-sidebar.tsx +++ b/src/app/myprofile/_components/account-item/account-item.tsx @@ -2,13 +2,13 @@ import React from "react"; import Image from "next/image"; import { cn } from "@/lib/utils"; -const ProfileSidebar = () => { +const AccountItem = () => { return (
@@ -18,6 +18,7 @@ const ProfileSidebar = () => { alt="profile" width={164} height={164} + priority={true} className="h-[80px] w-[80px] cursor-pointer rounded-full tablet:h-[100px] tablet:w-[100px] pc:h-[164px] pc:w-[164px]" />

@@ -65,4 +66,4 @@ const ProfileSidebar = () => { ); }; -export default ProfileSidebar; +export default AccountItem; diff --git a/src/app/myprofile/_components/my-profile/my-profile.tsx b/src/app/myprofile/_components/my-profile/my-profile.tsx index bf14402f..4bd50364 100644 --- a/src/app/myprofile/_components/my-profile/my-profile.tsx +++ b/src/app/myprofile/_components/my-profile/my-profile.tsx @@ -2,7 +2,7 @@ import { useSearchParams } from "next/navigation"; import { useState } from "react"; -import ProfileSidebar from "../profile-sidebar/profile-sidebar"; +import AccountItem from "../account-item/account-item"; import ReviewItem from "../review-item/review-item"; import ProfileTabs from "../profile-tabs/profile-tabs"; @@ -11,14 +11,14 @@ const MyProfile = () => { const [tab, setTab] = useState(searchParams.get("tab") || "review"); return ( -
- -
+
+
{tab === "review" && Array.from({ length: 8 }).map((_, index) => ( ))} + {tab === "account" && }
); diff --git a/src/app/myprofile/_components/profile-tabs/profile-tabs.tsx b/src/app/myprofile/_components/profile-tabs/profile-tabs.tsx index 92312eb6..9d8ee4e8 100644 --- a/src/app/myprofile/_components/profile-tabs/profile-tabs.tsx +++ b/src/app/myprofile/_components/profile-tabs/profile-tabs.tsx @@ -15,6 +15,10 @@ const tabs = [ label: "내가 등록한 와인 4", href: "registered", }, + { + label: "내 계정", + href: "account", + }, ]; const ProfileTabs = ({ tab, setTab }: ProfileTabsProps) => { @@ -22,9 +26,9 @@ const ProfileTabs = ({ tab, setTab }: ProfileTabsProps) => {