From b6acbc38b1e8f7e34bab9e96b9a4c4f07e4065a2 Mon Sep 17 00:00:00 2001 From: Belen Curcio Date: Thu, 22 Oct 2020 14:19:16 -0300 Subject: [PATCH] New Footer --- components/core/Footer/Footer.tsx | 151 +++++++++++++++++------------- components/icon/Github.tsx | 20 ++++ components/icon/index.ts | 1 + public/vercel.png | Bin 0 -> 3258 bytes 4 files changed, 106 insertions(+), 66 deletions(-) create mode 100644 components/icon/Github.tsx create mode 100644 public/vercel.png diff --git a/components/core/Footer/Footer.tsx b/components/core/Footer/Footer.tsx index c205b98ba..7fefce4df 100644 --- a/components/core/Footer/Footer.tsx +++ b/components/core/Footer/Footer.tsx @@ -3,7 +3,8 @@ import cn from 'classnames' import Link from 'next/link' import type { Page } from '@lib/bigcommerce/api/operations/get-all-pages' import getSlug from '@utils/get-slug' -import { Logo } from '@components/ui' +import { Logo, Container } from '@components/ui' +import { Github } from '@components/icon' interface Props { className?: string @@ -14,79 +15,97 @@ interface Props { const LEGAL_PAGES = ['terms-of-use', 'shipping-returns', 'privacy-policy'] const Footer: FC = ({ className, pages }) => { - const rootClassName = cn( - 'flex flex-col p-6 md:py-12 md:flex-row flex-wrap max-w-screen-xl m-auto', - className - ) + const rootClassName = cn(className) const { sitePages, legalPages } = getPages(pages) return ( -
- ) } diff --git a/components/icon/Github.tsx b/components/icon/Github.tsx new file mode 100644 index 000000000..b8cc0c558 --- /dev/null +++ b/components/icon/Github.tsx @@ -0,0 +1,20 @@ +const Sun = ({ ...props }) => { + return ( + + + + ) +} + +export default Sun diff --git a/components/icon/index.ts b/components/icon/index.ts index 929003d6f..399ae4f5b 100644 --- a/components/icon/index.ts +++ b/components/icon/index.ts @@ -8,3 +8,4 @@ export { default as Minus } from './Minus' export { default as Check } from './Check' export { default as Sun } from './Sun' export { default as Moon } from './Moon' +export { default as Github } from './Github' diff --git a/public/vercel.png b/public/vercel.png new file mode 100644 index 0000000000000000000000000000000000000000..659ca11d04cfe2b1b0ee8e66fa70fdfec6abd831 GIT binary patch literal 3258 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 literal 0 HcmV?d00001