diff --git a/src/entities/hobby/constants/hobbies.ts b/src/entities/hobby/constants/hobbies.ts new file mode 100644 index 0000000..ee363ad --- /dev/null +++ b/src/entities/hobby/constants/hobbies.ts @@ -0,0 +1,15 @@ +import { Hobby } from 'src/entities/hobby/types/hobby'; + +export const ExampleHobbyList: Hobby[] = [ + { name: '๐Ÿง— ํด๋ผ์ด๋ฐ' }, + { name: '๐Ÿฅ ๋ง›์ง‘ํƒ๋ฐฉ' }, + { name: '๐ŸŽฌ ์˜ํ™”๋ณด๊ธฐ' }, + { name: '๐Ÿ‘Ÿ ์šด๋™' }, + { name: '๐Ÿงถ ๋œจ๊ฐœ์งˆ' }, + { name: '๐Ÿง‘โ€๐Ÿ’ป ๊ฐœ๋ฐœ๊ณต๋ถ€' }, + { name: '๐Ÿ“– ๋…์„œ' }, + { name: '๐Ÿท ์™€์ธ' }, + { name: '๐ŸŠ ์ˆ˜์˜' }, + { name: '๐ŸŒ๏ธ ๊ณจํ”„' }, + { name: '๐ŸŽน ์•…๊ธฐ์—ฐ์ฃผ' }, +]; diff --git a/src/entities/profile/types/hobby.ts b/src/entities/hobby/types/hobby.ts similarity index 100% rename from src/entities/profile/types/hobby.ts rename to src/entities/hobby/types/hobby.ts diff --git a/src/entities/ideal_partner/model/idealPartnerStore.ts b/src/entities/ideal_partner/model/idealPartnerStore.ts index 827d7ce..564290f 100644 --- a/src/entities/ideal_partner/model/idealPartnerStore.ts +++ b/src/entities/ideal_partner/model/idealPartnerStore.ts @@ -1,7 +1,7 @@ import { Location } from 'src/entities/location/types/location'; import { ReligionType } from 'src/entities/profile/types/profileSummary'; import { create } from 'zustand'; -import { Hobby } from 'src/entities/profile/types/hobby'; +import { Hobby } from 'src/entities/hobby/types/hobby'; import { createStoreContext } from 'src/shared/functions/createStoreContext'; import { MAX_IDEAL_HEIGHT, MIN_IDEAL_HEIGHT } from 'src/processes/ideal_partner/HeightStyleForm/HeightStyleForm'; diff --git a/src/entities/profile/model/myProfileStore.tsx b/src/entities/profile/model/myProfileStore.tsx index f70c1d4..f953055 100644 --- a/src/entities/profile/model/myProfileStore.tsx +++ b/src/entities/profile/model/myProfileStore.tsx @@ -3,7 +3,7 @@ import { Gender, JobType, ReligionType } from 'src/entities/profile/types/profil import { Location } from 'src/entities/location/types/location'; import { DateObj } from 'src/shared/vo/date'; import { Mbti } from 'src/shared/vo/mbti'; -import { Hobby } from 'src/entities/profile/types/hobby'; +import { Hobby } from 'src/entities/hobby/types/hobby'; import { createStoreContext } from 'src/shared/functions/createStoreContext'; export type MyProfile = { diff --git a/src/entities/profile/ui/MyProfile/MyProfile.tsx b/src/entities/profile/ui/MyProfile/MyProfile.tsx index de4995f..6f43531 100644 --- a/src/entities/profile/ui/MyProfile/MyProfile.tsx +++ b/src/entities/profile/ui/MyProfile/MyProfile.tsx @@ -10,7 +10,7 @@ import { ProfileCellHeader } from 'src/shared/ui/Profile/ProfileCellHeader'; export const MyProfileView = ({ profile }: { profile: MyProfile }) => { return (
- +
@@ -71,7 +71,7 @@ export const MyProfileView = ({ profile }: { profile: MyProfile }) => {
- +
@@ -101,7 +101,7 @@ export const MyProfileView = ({ profile }: { profile: MyProfile }) => {
- +
diff --git a/src/processes/ideal_partner/HobbyForm/HobbyForm.stories.ts b/src/processes/ideal_partner/HobbyForm/HobbyForm.stories.ts index 4456eb7..8bbbd75 100644 --- a/src/processes/ideal_partner/HobbyForm/HobbyForm.stories.ts +++ b/src/processes/ideal_partner/HobbyForm/HobbyForm.stories.ts @@ -1,6 +1,5 @@ import { Meta, StoryObj } from '@storybook/react'; import { HobbyForm } from 'src/processes/ideal_partner/HobbyForm/HobbyForm'; -import { Hobby } from 'src/entities/profile/types/hobby'; const meta: Meta = { component: HobbyForm, @@ -9,22 +8,6 @@ const meta: Meta = { export default meta; type Story = StoryObj; -const MockHobbyList: Hobby[] = [ - { name: '๐Ÿง— ํด๋ผ์ด๋ฐ' }, - { name: '๐Ÿฅ ๋ง›์ง‘ํƒ๋ฐฉ' }, - { name: '๐ŸŽฌ ์˜ํ™”๋ณด๊ธฐ' }, - { name: '๐Ÿ‘Ÿ ์šด๋™' }, - { name: '๐Ÿงถ ๋œจ๊ฐœ์งˆ' }, - { name: '๐Ÿง‘โ€๐Ÿ’ป ๊ฐœ๋ฐœ๊ณต๋ถ€' }, - { name: '๐Ÿ“– ๋…์„œ' }, - { name: '๐Ÿท ์™€์ธ' }, - { name: '๐ŸŠ ์ˆ˜์˜' }, - { name: '๐ŸŒ๏ธ ๊ณจํ”„' }, - { name: '๐ŸŽน ์•…๊ธฐ์—ฐ์ฃผ' }, -]; - export const Default: Story = { - args: { - exampleHobbyList: MockHobbyList, - }, + args: {}, }; diff --git a/src/processes/ideal_partner/HobbyForm/HobbyForm.tsx b/src/processes/ideal_partner/HobbyForm/HobbyForm.tsx index 9ac8cd9..b244e93 100644 --- a/src/processes/ideal_partner/HobbyForm/HobbyForm.tsx +++ b/src/processes/ideal_partner/HobbyForm/HobbyForm.tsx @@ -1,13 +1,9 @@ import styles from './HobbyForm.module.css'; import { useIdealPartnerStore } from 'src/entities/ideal_partner/model/idealPartnerStore'; import { ChipList } from 'src/shared/ui/ChipList/ChipList'; -import { Hobby } from 'src/entities/profile/types/hobby'; +import { ExampleHobbyList } from 'src/entities/hobby/constants/hobbies'; -type HobbyFormProps = { - exampleHobbyList?: Hobby[]; -}; - -export const HobbyForm = ({ exampleHobbyList = [] }: HobbyFormProps) => { +export const HobbyForm = () => { const hobbies = useIdealPartnerStore((state) => state.hobbies); const setHobbies = useIdealPartnerStore((state) => state.setHobbies); @@ -15,7 +11,7 @@ export const HobbyForm = ({ exampleHobbyList = [] }: HobbyFormProps) => { <>
= { component: HobbyForm, @@ -8,22 +8,6 @@ const meta: Meta = { export default meta; type Story = StoryObj; -const MockHobbyList: Hobby[] = [ - { name: '๐Ÿง— ํด๋ผ์ด๋ฐ' }, - { name: '๐Ÿฅ ๋ง›์ง‘ํƒ๋ฐฉ' }, - { name: '๐ŸŽฌ ์˜ํ™”๋ณด๊ธฐ' }, - { name: '๐Ÿ‘Ÿ ์šด๋™' }, - { name: '๐Ÿงถ ๋œจ๊ฐœ์งˆ' }, - { name: '๐Ÿง‘โ€๐Ÿ’ป ๊ฐœ๋ฐœ๊ณต๋ถ€' }, - { name: '๐Ÿ“– ๋…์„œ' }, - { name: '๐Ÿท ์™€์ธ' }, - { name: '๐ŸŠ ์ˆ˜์˜' }, - { name: '๐ŸŒ๏ธ ๊ณจํ”„' }, - { name: '๐ŸŽน ์•…๊ธฐ์—ฐ์ฃผ' }, -]; - export const Default: Story = { - args: { - hobbyList: MockHobbyList, - }, + args: {}, }; diff --git a/src/processes/my_profile/HobbyForm/HobbyForm.tsx b/src/processes/my_profile/HobbyForm/HobbyForm.tsx index fa9f87a..d72c6d3 100644 --- a/src/processes/my_profile/HobbyForm/HobbyForm.tsx +++ b/src/processes/my_profile/HobbyForm/HobbyForm.tsx @@ -1,20 +1,16 @@ import styles from './HobbyForm.module.css'; import { ChipList } from 'src/shared/ui/ChipList/ChipList'; import { useMyProfileStore } from 'src/entities/profile/model/myProfileStore'; -import { Hobby } from 'src/entities/profile/types/hobby'; +import { ExampleHobbyList } from 'src/entities/hobby/constants/hobbies'; -type HobbyFormProps = { - hobbyList?: Hobby[]; -}; - -export const HobbyForm = ({ hobbyList = [] }: HobbyFormProps) => { +export const HobbyForm = () => { const hobbies = useMyProfileStore((state) => state.hobbies); const setHobbies = useMyProfileStore((state) => state.setHobbies); return (