diff --git a/next.config.js b/next.config.js index a35fb38..6def035 100644 --- a/next.config.js +++ b/next.config.js @@ -18,7 +18,7 @@ const nextConfig = { remotePatterns: [ { protocol: 'https', - hostname: 'sparcs-2023-startup-hackathon-f-1.s3.ap-northeast-2.amazonaws.com', + hostname: 's3.ap-northeast-2.amazonaws.com', }, ], }, diff --git a/src/components/common/Header/index.tsx b/src/components/common/Header/index.tsx index 6410e8d..62279cd 100644 --- a/src/components/common/Header/index.tsx +++ b/src/components/common/Header/index.tsx @@ -3,7 +3,7 @@ import { css } from '@emotion/react'; import styled from '@emotion/styled'; import { GoBackModal } from '~/components/question/GoBackModal'; -import useModal from '~/hooks/useModal'; +import { useModal } from '~/hooks/useModal'; import { theme } from '~/styles/Theme'; import { Icon } from '../Icon'; diff --git a/src/hooks/query/usePagesQuery.ts b/src/hooks/query/usePagesQuery.ts index 50a4acc..bb6910f 100644 --- a/src/hooks/query/usePagesQuery.ts +++ b/src/hooks/query/usePagesQuery.ts @@ -7,6 +7,7 @@ export const usePagesQuery = () => { const pagesQuery = useQuery({ queryKey: PAGES_QUERY_KEYS.getPages, queryFn: () => getPages(), + cacheTime: 0, }); return pagesQuery; diff --git a/src/hooks/query/useQuestionAnswerQuery.ts b/src/hooks/query/useQuestionAnswerQuery.ts index 668a87a..e431ba1 100644 --- a/src/hooks/query/useQuestionAnswerQuery.ts +++ b/src/hooks/query/useQuestionAnswerQuery.ts @@ -1,12 +1,12 @@ import { useQuery } from '@tanstack/react-query'; -import { getQuestionAnswer } from '~/apis'; +import { getQuestionAnswerDeprecated } from '~/apis'; import { QUESTION_ANSWER_QUERY_KEYS } from '~/constants/queryKeys'; export const useQuestionAnswerQuery = (questionId?: number) => { const questionAnswerQuery = useQuery({ queryKey: QUESTION_ANSWER_QUERY_KEYS.getQuestionAnswer(questionId), - queryFn: () => getQuestionAnswer(questionId), + queryFn: () => getQuestionAnswerDeprecated(questionId), }); return questionAnswerQuery; }; diff --git a/src/hooks/useModal.tsx b/src/hooks/useModal.tsx index 3cc600b..673b19c 100644 --- a/src/hooks/useModal.tsx +++ b/src/hooks/useModal.tsx @@ -3,6 +3,8 @@ import styled from '@emotion/styled'; import { useOverlay } from '@toss/use-overlay'; import type { ComponentProps } from 'react'; +import { theme } from '~/styles/Theme'; + import { Modal } from '../components/common/Modal'; export function useModal() { @@ -45,4 +47,9 @@ const Dimmer = styled.div` height: 100%; top: 0%; background-color: rgba(0, 0, 0, 0.5); + + ${theme.mediaQuery.desktop} { + width: 360px; + z-index: 9999; + } `; diff --git a/src/hooks/useShowLoginModal.tsx b/src/hooks/useShowLoginModal.tsx index 12e8181..8286acd 100644 --- a/src/hooks/useShowLoginModal.tsx +++ b/src/hooks/useShowLoginModal.tsx @@ -5,7 +5,7 @@ import { ConfirmModal } from '~/components/common/ConfirmModal'; import { useModal } from './useModal'; -export function useShowLoginModal(redirectUrl: string) { +export function useShowLoginModal(redirectUrl?: string) { const { openModal } = useModal(); const router = useRouter(); diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index be82eca..1b8f476 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -23,6 +23,7 @@ export default function App({ Component, pageProps }: AppProps) { return ( <> + 이펙티브 기술면접 - ChatGPT로 연습하는 개발자 면접