diff --git a/src/bookmarks/api/bookmark.ts b/src/bookmarks/api/bookmark.ts index d46060b7..24e29317 100644 --- a/src/bookmarks/api/bookmark.ts +++ b/src/bookmarks/api/bookmark.ts @@ -264,15 +264,19 @@ export const useGETCategoryListQuery = ({ type GETBookmarkTitleResponse = string; interface GetBookmarkTitleRequest { + memberId: number; url: string; setTitle?: (title: string) => void; } -const getBookmarkTitleAPI = async ({ url }: GetBookmarkTitleRequest) => { +const getBookmarkTitleAPI = async ({ + memberId, + url, +}: GetBookmarkTitleRequest) => { const { data } = await client({ method: 'get', - url: '/bookmark/title', - params: { url }, + url: `/members/${memberId}/bookmark/title`, + params: { memberId, url }, data: {}, }); return data; @@ -281,20 +285,25 @@ const getBookmarkTitleAPI = async ({ url }: GetBookmarkTitleRequest) => { const GET_BOOKMARK_TITLE = (url: string) => ['GET_BOOKMARK_TITLE', url]; export const useGETBookmarkTitleQuery = ({ + memberId, url, setTitle, }: GetBookmarkTitleRequest) => { const { fireToast } = useToast(); - return useQuery(GET_BOOKMARK_TITLE(url), () => getBookmarkTitleAPI({ url }), { - enabled: !!url, - retry: 0, - onSuccess: (data) => { - setTitle && setTitle(data); - }, - onError: () => { - fireToast({ message: '앗! 유효하지 않은 주소에요', mode: 'DELETE' }); + return useQuery( + GET_BOOKMARK_TITLE(url), + () => getBookmarkTitleAPI({ memberId, url }), + { + enabled: !!url, + retry: 0, + onSuccess: (data) => { + setTitle && setTitle(data); + }, + onError: () => { + fireToast({ message: '앗! 유효하지 않은 주소에요', mode: 'DELETE' }); + }, }, - }); + ); }; interface POSTBookmarkRequest { diff --git a/src/bookmarks/service/hooks/add/useInputUrl.tsx b/src/bookmarks/service/hooks/add/useInputUrl.tsx index 95ba734e..e4a3c01a 100644 --- a/src/bookmarks/service/hooks/add/useInputUrl.tsx +++ b/src/bookmarks/service/hooks/add/useInputUrl.tsx @@ -3,6 +3,7 @@ import checkValidateURL from '@/utils/checkValidateURL'; import { useEffect, useState } from 'react'; import { debounce } from 'lodash'; import useBookmarkStore from '@/store/bookmark'; +import useAuthStore from '@/store/auth'; interface InputUrlProps { defaultUrl?: string; @@ -10,6 +11,7 @@ interface InputUrlProps { } const useInputUrl = ({ defaultTitle, defaultUrl }: InputUrlProps) => { + const { userInfo } = useAuthStore(); const { url, setUrl, title, setTitle } = useBookmarkStore(); const [debouncedUrl, setDebouncedUrl] = useState(''); @@ -50,6 +52,7 @@ const useInputUrl = ({ defaultTitle, defaultUrl }: InputUrlProps) => { }; useGETBookmarkTitleQuery({ + memberId: userInfo.id, url: checkValidateURL(debouncedUrl) ? checkValidateURL(debouncedUrl) : '', setTitle: onChangeTitle, });