diff --git a/packages/react-native/src/apis/queries/useHomeSpotQuery.ts b/packages/react-native/src/apis/queries/useHomeSpotQuery.ts index 48bca4e7..f2fdb30f 100644 --- a/packages/react-native/src/apis/queries/useHomeSpotQuery.ts +++ b/packages/react-native/src/apis/queries/useHomeSpotQuery.ts @@ -1,4 +1,4 @@ -import { useQuery } from '@tanstack/react-query'; +import { useSuspenseQuery } from '@tanstack/react-query'; import { ServerResponse } from '@/types/response'; import useAuthAxios from '../useAuthAxios'; import { SpotCardData } from '@/types/spot'; @@ -14,7 +14,7 @@ export default function useHomeSpotQuery() { return result.data.result; }; - return useQuery({ + return useSuspenseQuery({ queryKey: [QUERY_KEYS.HOME], queryFn: getHomeSpot, }); diff --git a/packages/react-native/src/components/common/CitySelect.tsx b/packages/react-native/src/components/common/CitySelect.tsx index bf464b58..091a668e 100644 --- a/packages/react-native/src/components/common/CitySelect.tsx +++ b/packages/react-native/src/components/common/CitySelect.tsx @@ -45,6 +45,9 @@ export default function CitySelect({ selectedTextStyle={{ color: 'white', }} + itemTextStyle={{ + color: 'black', + }} data={Object.entries(cities).map(([label, value]) => ({ label, value, diff --git a/packages/react-native/src/components/common/SpotDetailBottomSheet.tsx b/packages/react-native/src/components/common/SpotDetailBottomSheet.tsx index 4e966ae6..fcd993e1 100644 --- a/packages/react-native/src/components/common/SpotDetailBottomSheet.tsx +++ b/packages/react-native/src/components/common/SpotDetailBottomSheet.tsx @@ -20,7 +20,7 @@ export default function SpotDetailBottomSheet({ const { data } = useSpotDetailQuery({ id: selectedDetailSpotId }); return ( diff --git a/packages/react-native/src/pages/MyPage/EditProfile.tsx b/packages/react-native/src/pages/MyPage/EditProfile.tsx index f9975d49..b9cacbdd 100644 --- a/packages/react-native/src/pages/MyPage/EditProfile.tsx +++ b/packages/react-native/src/pages/MyPage/EditProfile.tsx @@ -25,9 +25,10 @@ export default function EditProfile({ navigation }: EditProfileProps) { } = useProfileImageMutation(); const [nickname, setNickname] = useState(route.params.nickname); + const isCorrect = nickname.length > 0 && nickname.length < 8; const handleChangeProfile = async () => { - if (nickname) { + if (isCorrect) { await patchMutate(nickname); } if (photoAsset?.uri) { @@ -59,6 +60,7 @@ export default function EditProfile({ navigation }: EditProfileProps) { placeholder="닉네임을 입력하세요." value={nickname} onChange={(newNickName) => setNickname(newNickName)} + isCorrect={isCorrect} /> diff --git a/packages/react-native/src/pages/Signup/Nickname.tsx b/packages/react-native/src/pages/Signup/Nickname.tsx index f7404d8f..8f51a64f 100644 --- a/packages/react-native/src/pages/Signup/Nickname.tsx +++ b/packages/react-native/src/pages/Signup/Nickname.tsx @@ -15,7 +15,7 @@ export default function NickName({ navigation }: NicknameProps) { const [nickname, setNickname] = useState(''); const { postMutate, isPostLoading } = useNicknameMutation(); - const isCorrect = nickname.length > 0 && nickname.length < 7; + const isCorrect = nickname.length > 0 && nickname.length < 8; const handleSubmit = async () => { if (isCorrect) {