Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature] 토스페이먼츠 심사를 위한 푸터 추가 #76

Merged
merged 3 commits into from
Jul 31, 2024
Merged

[Feature] 토스페이먼츠 심사를 위한 푸터 추가 #76

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
41aedbf
feat: 푸터 텍스트 로고 추가
hamo-o Jul 31, 2024
168dd5f
feat: 푸터 UI
hamo-o Jul 31, 2024
17f8346
fix: 기존 홈 온보딩 이미지 삭제
hamo-o Jul 31, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 0 additions & 3 deletions src/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,6 @@ import { useNavigate } from 'react-router-dom';
import { getAuthRedirectPath } from '@/utils/auth';
import 'react-toastify/dist/ReactToastify.css';
import useLandingStatus from '@/hooks/zustand/useLandingStatus';
import { Image } from './components/common/Image';

const IMG_SRC = [
'/onboarding/1.png',
Expand Down Expand Up @@ -194,8 +193,6 @@ function App() {
/>
</Flex>
<Space height={59} />
<Image src={IMG_SRC[7]} height={40} />
<Space height={26} />
</Wrapper>
);
}
Expand Down
15 changes: 15 additions & 0 deletions src/assets/FooterLogoIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
export const FooterLogoIcon = () => {
return (
<svg
width="126"
height="20"
viewBox="0 0 126 20"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M8.24 6.88219H15.26C15.3 7.04219 15.3333 7.23552 15.36 7.46219C15.3867 7.68885 15.4 7.91552 15.4 8.14219C15.4 9.06219 15.26 9.92885 14.98 10.7422C14.7 11.5555 14.26 12.2822 13.66 12.9222C13.02 13.6022 12.2533 14.1289 11.36 14.5022C10.4667 14.8755 9.44667 15.0622 8.3 15.0622C7.26 15.0622 6.28 14.8755 5.36 14.5022C4.44 14.1289 3.64 13.6089 2.96 12.9422C2.28 12.2755 1.74 11.4889 1.34 10.5822C0.94 9.66219 0.74 8.66219 0.74 7.58219C0.74 6.50219 0.94 5.50885 1.34 4.60219C1.74 3.68219 2.28 2.88885 2.96 2.22219C3.64 1.55552 4.44 1.03552 5.36 0.662186C6.28 0.288853 7.26 0.102186 8.3 0.102186C9.46 0.102186 10.4933 0.302187 11.4 0.702187C12.32 1.10219 13.1067 1.65552 13.76 2.36219L11.9 4.18219C11.4333 3.68885 10.9133 3.31552 10.34 3.06219C9.76667 2.79552 9.08 2.66219 8.28 2.66219C7.62667 2.66219 7.00667 2.78219 6.42 3.02219C5.83333 3.24885 5.32 3.57552 4.88 4.00219C4.44 4.42885 4.08667 4.94885 3.82 5.56219C3.56667 6.16219 3.44 6.83552 3.44 7.58219C3.44 8.32885 3.56667 9.00885 3.82 9.62219C4.08667 10.2222 4.44 10.7355 4.88 11.1622C5.33333 11.5889 5.85333 11.9222 6.44 12.1622C7.02667 12.3889 7.65333 12.5022 8.32 12.5022C9.08 12.5022 9.72 12.3955 10.24 12.1822C10.7733 11.9555 11.2267 11.6689 11.6 11.3222C11.8667 11.0822 12.0933 10.7822 12.28 10.4222C12.48 10.0489 12.6333 9.63552 12.74 9.18219H8.24V6.88219ZM17.6314 0.422187H22.4714C23.6047 0.422187 24.6247 0.59552 25.5314 0.942186C26.4381 1.28885 27.2114 1.78219 27.8514 2.42219C28.4914 3.04885 28.9781 3.80219 29.3114 4.68219C29.6581 5.56219 29.8314 6.52885 29.8314 7.58219C29.8314 8.64885 29.6581 9.62219 29.3114 10.5022C28.9781 11.3822 28.4914 12.1355 27.8514 12.7622C27.2114 13.3889 26.4381 13.8755 25.5314 14.2222C24.6247 14.5689 23.6047 14.7422 22.4714 14.7422H17.6314V0.422187ZM22.3514 12.1822C23.1381 12.1822 23.8314 12.0755 24.4314 11.8622C25.0314 11.6355 25.5314 11.3222 25.9314 10.9222C26.3314 10.5222 26.6314 10.0422 26.8314 9.48219C27.0314 8.90885 27.1314 8.27552 27.1314 7.58219C27.1314 6.88885 27.0314 6.26219 26.8314 5.70219C26.6314 5.12885 26.3314 4.64219 25.9314 4.24219C25.5314 3.84219 25.0314 3.53552 24.4314 3.32219C23.8314 3.09552 23.1381 2.98219 22.3514 2.98219H20.3314V12.1822H22.3514ZM36.3864 15.0622C35.7731 15.0622 35.1864 14.9755 34.6264 14.8022C34.0664 14.6289 33.5531 14.3689 33.0864 14.0222C32.6197 13.6755 32.2131 13.2555 31.8664 12.7622C31.5197 12.2555 31.2464 11.6689 31.0464 11.0022L33.5864 10.0022C33.7731 10.7222 34.0997 11.3222 34.5664 11.8022C35.0331 12.2689 35.6464 12.5022 36.4064 12.5022C36.6864 12.5022 36.9531 12.4689 37.2064 12.4022C37.4731 12.3222 37.7064 12.2155 37.9064 12.0822C38.1197 11.9355 38.2864 11.7555 38.4064 11.5422C38.5264 11.3289 38.5864 11.0822 38.5864 10.8022C38.5864 10.5355 38.5397 10.2955 38.4464 10.0822C38.3531 9.86885 38.1931 9.66885 37.9664 9.48219C37.7531 9.29552 37.4664 9.11552 37.1064 8.94219C36.7597 8.76885 36.3264 8.58885 35.8064 8.40219L34.9264 8.08219C34.5397 7.94885 34.1464 7.76885 33.7464 7.54219C33.3597 7.31552 33.0064 7.04219 32.6864 6.72219C32.3664 6.40219 32.0997 6.02885 31.8864 5.60219C31.6864 5.16219 31.5864 4.66885 31.5864 4.12219C31.5864 3.56219 31.6931 3.04219 31.9064 2.56219C32.1331 2.06885 32.4464 1.64219 32.8464 1.28219C33.2597 0.908853 33.7464 0.622187 34.3064 0.422187C34.8797 0.208853 35.5131 0.102186 36.2064 0.102186C36.9264 0.102186 37.5464 0.202187 38.0664 0.402187C38.5997 0.588854 39.0464 0.835521 39.4064 1.14219C39.7797 1.43552 40.0797 1.76219 40.3064 2.12219C40.5331 2.48219 40.6997 2.82219 40.8064 3.14219L38.4264 4.14219C38.2931 3.74219 38.0464 3.38219 37.6864 3.06219C37.3397 2.74219 36.8597 2.58219 36.2464 2.58219C35.6597 2.58219 35.1731 2.72219 34.7864 3.00219C34.3997 3.26885 34.2064 3.62219 34.2064 4.06219C34.2064 4.48885 34.3931 4.85552 34.7664 5.16219C35.1397 5.45552 35.7331 5.74219 36.5464 6.02219L37.4464 6.32219C38.0197 6.52219 38.5397 6.75552 39.0064 7.02219C39.4864 7.27552 39.8931 7.58219 40.2264 7.94219C40.5731 8.30219 40.8331 8.71552 41.0064 9.18219C41.1931 9.63552 41.2864 10.1622 41.2864 10.7622C41.2864 11.5089 41.1331 12.1555 40.8264 12.7022C40.5331 13.2355 40.1531 13.6755 39.6864 14.0222C39.2197 14.3689 38.6931 14.6289 38.1064 14.8022C37.5197 14.9755 36.9464 15.0622 36.3864 15.0622ZM56.0303 12.4422C55.3236 13.2955 54.4903 13.9489 53.5303 14.4022C52.5703 14.8422 51.497 15.0622 50.3103 15.0622C49.2436 15.0622 48.2503 14.8689 47.3303 14.4822C46.4236 14.0955 45.637 13.5689 44.9703 12.9022C44.3036 12.2355 43.777 11.4489 43.3903 10.5422C43.0036 9.62219 42.8103 8.63552 42.8103 7.58219C42.8103 6.52885 43.0036 5.54885 43.3903 4.64219C43.777 3.72219 44.3036 2.92885 44.9703 2.26219C45.637 1.59552 46.4236 1.06885 47.3303 0.682187C48.2503 0.29552 49.2436 0.102186 50.3103 0.102186C51.457 0.102186 52.4636 0.302187 53.3303 0.702187C54.2103 1.10219 54.9903 1.68219 55.6703 2.44219L53.7703 4.28219C53.3436 3.78885 52.8503 3.39552 52.2903 3.10219C51.7436 2.80885 51.0903 2.66219 50.3303 2.66219C49.6636 2.66219 49.037 2.78219 48.4503 3.02219C47.8636 3.24885 47.3503 3.57552 46.9103 4.00219C46.4836 4.42885 46.1436 4.94885 45.8903 5.56219C45.637 6.16219 45.5103 6.83552 45.5103 7.58219C45.5103 8.32885 45.637 9.00885 45.8903 9.62219C46.1436 10.2222 46.4836 10.7355 46.9103 11.1622C47.3503 11.5889 47.8636 11.9222 48.4503 12.1622C49.037 12.3889 49.6636 12.5022 50.3303 12.5022C51.1303 12.5022 51.837 12.3422 52.4503 12.0222C53.077 11.6889 53.6303 11.2222 54.1103 10.6222L56.0303 12.4422ZM62.5923 0.422187H65.2923V6.14219H71.3123V0.422187H74.0123V14.7422H71.3123V8.70219H65.2923V14.7422H62.5923V0.422187ZM81.2092 4.62219C81.9692 4.62219 82.6626 4.75552 83.2892 5.02219C83.9292 5.27552 84.4759 5.63552 84.9292 6.10219C85.3959 6.55552 85.7559 7.10219 86.0092 7.74219C86.2759 8.38219 86.4092 9.08219 86.4092 9.84219C86.4092 10.6022 86.2759 11.3022 86.0092 11.9422C85.7559 12.5822 85.3959 13.1355 84.9292 13.6022C84.4759 14.0555 83.9292 14.4155 83.2892 14.6822C82.6626 14.9355 81.9692 15.0622 81.2092 15.0622C80.4492 15.0622 79.7492 14.9355 79.1092 14.6822C78.4826 14.4155 77.9359 14.0555 77.4692 13.6022C77.0159 13.1355 76.6559 12.5822 76.3892 11.9422C76.1359 11.3022 76.0092 10.6022 76.0092 9.84219C76.0092 9.08219 76.1359 8.38219 76.3892 7.74219C76.6559 7.10219 77.0159 6.55552 77.4692 6.10219C77.9359 5.63552 78.4826 5.27552 79.1092 5.02219C79.7492 4.75552 80.4492 4.62219 81.2092 4.62219ZM81.2092 12.6422C81.5426 12.6422 81.8626 12.5822 82.1692 12.4622C82.4892 12.3289 82.7692 12.1422 83.0092 11.9022C83.2492 11.6622 83.4359 11.3689 83.5692 11.0222C83.7159 10.6755 83.7892 10.2822 83.7892 9.84219C83.7892 9.40219 83.7159 9.00885 83.5692 8.66219C83.4359 8.31552 83.2492 8.02219 83.0092 7.78219C82.7692 7.54219 82.4892 7.36219 82.1692 7.24219C81.8626 7.10885 81.5426 7.04219 81.2092 7.04219C80.8626 7.04219 80.5359 7.10885 80.2292 7.24219C79.9226 7.36219 79.6492 7.54219 79.4092 7.78219C79.1692 8.02219 78.9759 8.31552 78.8292 8.66219C78.6959 9.00885 78.6292 9.40219 78.6292 9.84219C78.6292 10.2822 78.6959 10.6755 78.8292 11.0222C78.9759 11.3689 79.1692 11.6622 79.4092 11.9022C79.6492 12.1422 79.9226 12.3289 80.2292 12.4622C80.5359 12.5822 80.8626 12.6422 81.2092 12.6422ZM90.3573 6.22219H90.5173C90.824 5.72885 91.2373 5.34219 91.7573 5.06219C92.2773 4.76885 92.8707 4.62219 93.5373 4.62219C94.1507 4.62219 94.6907 4.72219 95.1573 4.92219C95.624 5.12219 96.004 5.40885 96.2973 5.78219C96.604 6.14219 96.8307 6.58219 96.9773 7.10219C97.1373 7.60885 97.2173 8.17552 97.2173 8.80219V14.7422H94.5973V9.12219C94.5973 8.41552 94.4373 7.89552 94.1173 7.56219C93.8107 7.21552 93.3573 7.04219 92.7573 7.04219C92.3973 7.04219 92.0773 7.12219 91.7973 7.28219C91.5307 7.42885 91.2973 7.63552 91.0973 7.90219C90.9107 8.15552 90.764 8.46219 90.6573 8.82219C90.564 9.16885 90.5173 9.54219 90.5173 9.94219V14.7422H87.8973V4.94219H90.3573V6.22219ZM103.804 19.3822C103.111 19.3822 102.491 19.2889 101.944 19.1022C101.411 18.9289 100.944 18.6955 100.544 18.4022C100.144 18.1222 99.8107 17.8089 99.5441 17.4622C99.2774 17.1155 99.0841 16.7689 98.9641 16.4222L101.464 15.4222C101.651 15.9422 101.957 16.3422 102.384 16.6222C102.811 16.9155 103.284 17.0622 103.804 17.0622C104.631 17.0622 105.284 16.8022 105.764 16.2822C106.244 15.7755 106.484 15.0622 106.484 14.1422V13.4622H106.324C106.017 13.8889 105.611 14.2289 105.104 14.4822C104.611 14.7222 104.024 14.8422 103.344 14.8422C102.757 14.8422 102.184 14.7222 101.624 14.4822C101.077 14.2422 100.591 13.9022 100.164 13.4622C99.7374 13.0089 99.3907 12.4689 99.1241 11.8422C98.8574 11.2155 98.7241 10.5155 98.7241 9.74219C98.7241 8.96885 98.8574 8.26885 99.1241 7.64219C99.3907 7.00219 99.7374 6.46219 100.164 6.02219C100.591 5.56885 101.077 5.22219 101.624 4.98219C102.184 4.74219 102.757 4.62219 103.344 4.62219C104.024 4.62219 104.611 4.74885 105.104 5.00219C105.611 5.24219 106.017 5.57552 106.324 6.00219H106.484V4.94219H108.984V14.0422C108.984 14.8689 108.857 15.6089 108.604 16.2622C108.351 16.9289 107.997 17.4889 107.544 17.9422C107.091 18.4089 106.544 18.7622 105.904 19.0022C105.277 19.2555 104.577 19.3822 103.804 19.3822ZM103.904 12.4822C104.224 12.4822 104.537 12.4222 104.844 12.3022C105.164 12.1822 105.444 12.0089 105.684 11.7822C105.924 11.5422 106.117 11.2555 106.264 10.9222C106.411 10.5755 106.484 10.1822 106.484 9.74219C106.484 9.30219 106.411 8.90885 106.264 8.56219C106.117 8.21552 105.924 7.92885 105.684 7.70219C105.444 7.46219 105.164 7.28219 104.844 7.16219C104.537 7.04219 104.224 6.98219 103.904 6.98219C103.584 6.98219 103.271 7.04219 102.964 7.16219C102.657 7.28219 102.384 7.46219 102.144 7.70219C101.904 7.94219 101.711 8.23552 101.564 8.58219C101.417 8.91552 101.344 9.30219 101.344 9.74219C101.344 10.1822 101.417 10.5755 101.564 10.9222C101.711 11.2555 101.904 11.5422 102.144 11.7822C102.384 12.0089 102.657 12.1822 102.964 12.3022C103.271 12.4222 103.584 12.4822 103.904 12.4822ZM112.678 3.52219C112.451 3.52219 112.231 3.48219 112.018 3.40219C111.818 3.30885 111.638 3.18885 111.478 3.04219C111.331 2.88219 111.211 2.70219 111.118 2.50219C111.038 2.30219 110.998 2.08219 110.998 1.84219C110.998 1.60219 111.038 1.38219 111.118 1.18219C111.211 0.982187 111.331 0.808854 111.478 0.662186C111.638 0.502187 111.818 0.382187 112.018 0.302186C112.231 0.208853 112.451 0.162187 112.678 0.162187C113.144 0.162187 113.544 0.328853 113.878 0.662186C114.211 0.982187 114.378 1.37552 114.378 1.84219C114.378 2.30885 114.211 2.70885 113.878 3.04219C113.544 3.36219 113.144 3.52219 112.678 3.52219ZM111.378 14.7422V4.94219H113.998V14.7422H111.378ZM116.393 0.422187H119.013V8.22219H119.133L122.413 4.94219H125.653V5.10219L122.013 8.64219L125.953 14.5822V14.7422H122.853L120.173 10.4422L119.013 11.5822V14.7422H116.393V0.422187Z"
fill="black"
/>
</svg>
);
};
64 changes: 64 additions & 0 deletions src/components/layout/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
import { Logo } from '@/assets/LogoIcon';
import styled from '@emotion/styled';
import { Link } from 'react-router-dom';
import { color } from 'wowds-tokens';
import { Flex, Text } from '../common/Wrapper';
import { FooterLogoIcon } from '@/assets/FooterLogoIcon';

const Footer = () => {
return (
<Container>
<Logo />
<FooterLogoIcon />

<Flex direction="column" align="start" gap="md">
<Link to={'https://www.gdschongik.com/developer'}>
<Text typo="label2" style={{ textDecoration: 'underline' }}>
와우디벨로퍼스
</Text>
</Link>
<Link to={'https://www.gdschongik.com/onboarding/community-rule'}>
<Text typo="label2" style={{ textDecoration: 'underline' }}>
GDSC Hongik 회칙
</Text>
</Link>
<Link to={'https://www.gdschongik.com/onboarding/community-guideline'}>
<Text typo="label2" style={{ textDecoration: 'underline' }}>
GDSC Hongik 가이드라인{' '}
</Text>
</Link>
</Flex>

<Flex direction="column" align="start">
<Text typo="body3" color="sub">
와우디벨로퍼스 | 서울특별시 동작구 상도로53길 8, 325동 606호
</Text>
<Text typo="body3" color="sub">
대표 안재현 | TEL 010-2816-5740 | 사업자등록번호 311-82-77953
</Text>
<Link to={'https://www.gdschongik.com/privacy-policy'}>
<Text typo="body3" color="black">
개인정보처리방침
</Text>
</Link>
<Text typo="body3" color="sub">
© 2024. 와우디벨로퍼스 all rights reserved.
</Text>
</Flex>
</Container>
);
};

const Container = styled.footer`
width: 100%;
padding: 1.5rem 1rem;

display: flex;
flex-direction: column;
align-items: start;
gap: 1.5rem;

background-color: ${color.backgroundAlternative};
`;

export default Footer;
7 changes: 7 additions & 0 deletions src/components/layout/Layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,8 @@ import { Flex } from '../common/Wrapper';
import { media } from '@/styles';
import { color } from 'wowds-tokens';
import Header from '@/components/layout/Header';
import Footer from '@/components/layout/Footer';

import { Outlet } from 'react-router-dom';
import GlobalSize from '@/constants/globalSize';
import ApiErrorBoundary from '@/components/ApiErrorBoundary';
Expand All @@ -14,6 +16,7 @@ const Layout = () => {
<Header />
<Wrapper>
<Outlet />
<Footer />
</Wrapper>
</Container>
</ApiErrorBoundary>
Expand All @@ -34,6 +37,10 @@ const Wrapper = styled(Flex)`
align-items: flex-start;
overflow: hidden;

display: flex;
flex-direction: column;
align-items: center;

${media.mobile} {
width: 100vw;
}
Expand Down
Loading