diff --git a/index.html b/index.html index 732dd05e..35aaff0a 100644 --- a/index.html +++ b/index.html @@ -3,11 +3,8 @@ + - TIFY diff --git a/src/components/atoms/Category/Category.stories.tsx b/src/components/atoms/Category/Category.stories.tsx index 95426d3e..ecf29348 100644 --- a/src/components/atoms/Category/Category.stories.tsx +++ b/src/components/atoms/Category/Category.stories.tsx @@ -52,53 +52,53 @@ export const MakeupCategory: Story = { key={0} children="여름쿨톤" colorIndex={0} - iconIndex={0} - smallCategory={undefined} - detailCategory={undefined} + iconIndex={2} + smallCategory="MAKEUP" + detailCategory="LIP" answerNumber={0} />, , , , , , diff --git a/src/components/atoms/Input/SearchInput/index.tsx b/src/components/atoms/Input/SearchInput/index.tsx index 9b1cbb5c..8891cf1f 100644 --- a/src/components/atoms/Input/SearchInput/index.tsx +++ b/src/components/atoms/Input/SearchInput/index.tsx @@ -1,12 +1,10 @@ import styled from '@emotion/styled' -import { ChangeEvent, TextareaHTMLAttributes, useRef, useState } from 'react' +import { ChangeEvent, TextareaHTMLAttributes, useState } from 'react' import { theme } from '@styles/theme' -import { FlexBox } from '@components/layouts/FlexBox' import { SearchIcon } from '@assets/icons/SearchIcon' import { useRecoilState } from 'recoil' import { forwardRef } from 'react' import { - isBtnColorState, isCancelState, isSearchActiveBtn, isSearchInputState, diff --git a/src/components/profile/NewTasteCategoryListItem.tsx b/src/components/profile/NewTasteCategoryListItem.tsx index 20b291ff..0c7053d0 100644 --- a/src/components/profile/NewTasteCategoryListItem.tsx +++ b/src/components/profile/NewTasteCategoryListItem.tsx @@ -63,8 +63,8 @@ const NewTasteCategoryListItem = ({ key={idx} onClick={() => handleClickSubCategory(category)} variant={getVariant(category)} - text={subCategoryTitle[category.smallCategory]['title']} - img={subCategoryTitle[category.smallCategory]['img']} + text={subCategoryTitle[category.smallCategory]?.['title']} + img={subCategoryTitle[category.smallCategory]?.['img']} /> ))} diff --git a/src/pages/profile/EditUserInfo.tsx b/src/pages/profile/EditUserInfo.tsx index cecd5aa0..427fe580 100644 --- a/src/pages/profile/EditUserInfo.tsx +++ b/src/pages/profile/EditUserInfo.tsx @@ -10,7 +10,7 @@ import { Padding } from '@components/layouts/Padding' import OnboardingStatus from '@components/profile/OnboardingStatus' import EditProfileButton from './EditProfileButton' import { authState } from '@libs/store/auth' -import { isBtnColorState, onboardingState } from '@libs/store/onboard' +import { onboardingState } from '@libs/store/onboard' import { profileState } from '@libs/store/profile' import useGetDate from '@libs/hooks/useGetDate' @@ -18,7 +18,6 @@ const EditUserInfo = () => { const auth = useRecoilValue(authState) const profileStateData = useRecoilValue(profileState) const [info, setInfo] = useRecoilState(onboardingState) - const setBtnColor = useSetRecoilState(isBtnColorState) const [userName, setUserName] = useState(auth.userProfile.userName) const [userId, setUserId] = useState(auth.userProfile.userId) @@ -46,7 +45,6 @@ const EditUserInfo = () => { ), onboardingState: auth.userProfile.onBoardingStatus, })) - setBtnColor(true) } }, [])