feat: 로그인 페이지에 이용약관 추가

choooz · Oct 20, 2023 · ae6880c · ae6880c
1 parent 4b5799d
commit ae6880c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 12 deletions.
diff --git a/...pp/login/components/TermsOfUseSection.tsx → ...e/src/app/login/components/TermsOfUse.tsx b/...pp/login/components/TermsOfUseSection.tsx → ...e/src/app/login/components/TermsOfUse.tsx
@@ -1,23 +1,22 @@
 import { transitions } from 'lib/styles';
 import styled, { css } from 'styled-components';
 
-function TermsOfUseSection() {
+function TermsOfUse() {
   return (
-    <TermsOfUse>
+    <Container>
       주루마블은 <Bold>만 19세 이상</Bold>부터 회원가입이 가능합니다.
       <br />
       <br />
-      계속하면 당사의 <ClickText>서비스 약관</ClickText>에 동의하고,
+      계속하면 당사의 <ClickText>이용 약관</ClickText>에 동의하고,
       <br />
-      <ClickText>개인정보 보호정책</ClickText>을(를) 읽어 당사의 데이터 수집,
-      사용,
+      <ClickText>개인정보처리방침</ClickText>을 읽어 당사의 데이터 수집, 사용,
       <br />
       공유 방법을 확인했음을 인정하는 것입니다.
-    </TermsOfUse>
+    </Container>
   );
 }
 
-const TermsOfUse = styled.p`
+const Container = styled.p`
   ${({ theme }) => css`
     ${theme.typography.body03};
     color: ${theme.colors.black_03};
@@ -36,4 +35,4 @@ const ClickText = styled.span`
   text-decoration: underline;
 `;
 
-export default TermsOfUseSection;
+export default TermsOfUse;
diff --git a/apps/jurumarble/src/app/login/page.tsx b/apps/jurumarble/src/app/login/page.tsx
@@ -4,6 +4,7 @@ import styled from 'styled-components';
 
 import LoginPageHeader from './components/LoginPageHeader';
 import LoginSection from './components/LoginSection';
+import TermsOfUseSection from './components/TermsOfUse';
 import WelcomeSection from './components/WelcomeSection';
 
 function LoginPage() {
@@ -12,6 +13,7 @@ function LoginPage() {
       <LoginPageHeader />
       <WelcomeSection />
       <LoginSection />
+      <TermsOfUseSection />
     </Container>
   );
 }

diff --git a/apps/jurumarble/src/lib/ReactQueryProvider.tsx b/apps/jurumarble/src/lib/ReactQueryProvider.tsx
@@ -13,10 +13,6 @@ export default function ReactQueryProvider({ children }: PropsWithChildren) {
           queries: {
             cacheTime: 1000 * 60 * 60 * 24,
             refetchInterval: false,
-            refetchIntervalInBackground: false,
-            refetchOnMount: false,
-            refetchOnReconnect: false,
-            refetchOnWindowFocus: false,
             staleTime: 1000 * 60 * 60 * 24,
           },
         },