임시페이지 디자인 반영

wafflestudio · Jul 7, 2024 · 1e265b6 · 1e265b6
1 parent 4f65dca
commit 1e265b6
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 36 deletions.
diff --git a/src/components/atoms/Typography.ts b/src/components/atoms/Typography.ts
@@ -38,6 +38,15 @@ export const DetailHighlight = styled.p`
   color: ${({ theme }) => theme.colors.text.default};
 `;
 
+export const Highlight = styled.span`
+  ${resetMarPad}
+  font-family: AppleSDGothicNeo;
+  font-weight: bold;
+  font-size: 14px;
+  line-height: 16.8px;
+  color: ${({ theme }) => theme.colors.text.default};
+`;
+
 export const Subheading01 = styled.h2`
   ${resetMarPad}
   font-family: AppleSDGothicNeo;
@@ -55,3 +64,12 @@ export const Subheading02 = styled.h2`
   line-height: 15px;
   color: ${({ theme }) => theme.colors.text.default};
 `;
+
+export const Subheading02Temp = styled.h2`
+  ${resetMarPad}
+  font-family: AppleSDGothicNeo;
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 17px;
+  color: ${({ theme }) => theme.colors.text.default};
+`;
diff --git a/src/pages/verify/index.tsx b/src/pages/verify/index.tsx
@@ -1,28 +1,36 @@
-import { MailVerifyImpl } from '@/pageImpl/mailVerifyImpl';
-// import styled from '@emotion/styled';
-// import SvgTimetableOn from '@/components/atoms/Icons/SvgTimetableOn';
-// import { SvgWaffleCat } from '@/components/atoms/Icons/SvgWaffleCat';
-// import { Title01, Title02 } from '@/components/atoms/Typography';
-// import { AppBar } from '@/components/molecules/AppBar';
+// import { MailVerifyImpl } from '@/pageImpl/mailVerifyImpl';
+import styled from '@emotion/styled';
+
+import SvgTimetableOn from '@/components/atoms/Icons/SvgTimetableOn';
+import { SvgWaffleCat } from '@/components/atoms/Icons/SvgWaffleCat';
+import { Highlight, Subheading02Temp, Title01 } from '@/components/atoms/Typography';
+import { AppBar } from '@/components/molecules/AppBar';
 import { withGetServerSideProps } from '@/utils/withGetServersideProps';
 
 export default function Verify() {
-  // return (
-  //   <>
-  //     <AppBar left={<SvgTimetableOn height={30} width={30} />}>
-  //       <Title01 style={{ marginLeft: 12 }}>강의평</Title01>
-  //     </AppBar>
-  //     <Container>
-  //       <Title02 style={{ marginBottom: 40, textAlign: 'center' }}>
-  //         <br />
-  //         페이지를 찾을 수 없습니다
-  //       </Title02>
-  //       <SvgWaffleCat />
-  //       <OurName>@wafflestudio</OurName>
-  //     </Container>
-  //   </>
-  // );
-  return <MailVerifyImpl />;
+  return (
+    <>
+      <AppBar left={<SvgTimetableOn height={30} width={30} />}>
+        <Title01 style={{ marginLeft: 12 }}>강의평</Title01>
+      </AppBar>
+      <Container>
+        <SvgWaffleCat />
+        <Subheading02Temp style={{ marginBottom: 40, marginTop: 48, textAlign: 'center' }}>
+          현재 강의평 서비스 이용을 위한
+          <br />
+          이메일 인증 기능이 일시적으로 제한된 상태입니다.
+          <br />
+          <br />
+          강의평 기능을 이용하고자 하시는 분은
+          <br />
+          <Highlight>마이스누 메일</Highlight>을 이용하여 <Highlight>[email protected]</Highlight>으로
+          <br />
+          인증 요청을 보내주시기 바랍니다.
+        </Subheading02Temp>
+      </Container>
+    </>
+  );
+  // return <MailVerifyImpl />;
 }
 
 export const getServerSideProps = withGetServerSideProps(
@@ -32,17 +40,11 @@ export const getServerSideProps = withGetServerSideProps(
   { emailVerification: 'not-verified' },
 );
 
-// const Container = styled.div`
-//   width: 100%;
-//   height: 85vh;
-//   display: flex;
-//   flex-direction: column;
-//   align-items: center;
-//   justify-content: center;
-// `;
-
-// const OurName = styled.div`
-//   font-family: AppleSDGothicNeo;
-//   font-size: 9px;
-//   margin-top: 25px;
-// `;
+const Container = styled.div`
+  width: 100%;
+  height: 85vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`;