From aadf98c45aad59c643a181cfc6c37d91b81048c3 Mon Sep 17 00:00:00 2001 From: Raul Andrade <raul.andrade@mercadofavo.com> Date: Wed, 9 Mar 2022 23:00:46 -0300 Subject: [PATCH] feat: add footer --- src/components/footer/footer.spec.tsx | 16 ++++++++++++++++ src/components/footer/footer.tsx | 19 +++++++++++++++++++ src/components/footer/index.ts | 1 + src/components/index.ts | 1 + src/pages/_document.tsx | 3 ++- 5 files changed, 39 insertions(+), 1 deletion(-) create mode 100644 src/components/footer/footer.spec.tsx create mode 100644 src/components/footer/footer.tsx create mode 100644 src/components/footer/index.ts diff --git a/src/components/footer/footer.spec.tsx b/src/components/footer/footer.spec.tsx new file mode 100644 index 0000000..d947797 --- /dev/null +++ b/src/components/footer/footer.spec.tsx @@ -0,0 +1,16 @@ +import { render, screen } from '@testing-library/react' +import { Footer } from './footer' + +describe('<Footer/>', () => { + it('should be render a Footer component', () => { + render(<Footer />) + + expect(screen.getByText(/created with by/i)).toBeInTheDocument() + expect(screen.getByText(/♥️/i)).toBeInTheDocument() + expect( + screen.getByRole('link', { + name: /raul andrade/i + }) + ).toBeInTheDocument() + }) +}) diff --git a/src/components/footer/footer.tsx b/src/components/footer/footer.tsx new file mode 100644 index 0000000..5d762ab --- /dev/null +++ b/src/components/footer/footer.tsx @@ -0,0 +1,19 @@ +export const Footer = () => { + return ( + <footer className="pb-6 flex justify-center font-thin dark:text-gray-300 text-gray-700"> + <p> + {`Created with `} + <span className="text-rose-600">♥️</span> + {` by `} + <a + className="border-b-blue-500 text-blue-500 hover:border-b-[1px]" + href="https://github.com/andraderaul" + target="_blank" + rel="noreferrer" + > + Raul Andrade + </a> + </p> + </footer> + ) +} diff --git a/src/components/footer/index.ts b/src/components/footer/index.ts new file mode 100644 index 0000000..9edad42 --- /dev/null +++ b/src/components/footer/index.ts @@ -0,0 +1 @@ +export { Footer } from './footer' diff --git a/src/components/index.ts b/src/components/index.ts index df94185..ce4033b 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -7,3 +7,4 @@ export { SubTitle } from './sub-title' export { PrimaryButton } from './primary-button' export { PrimaryText } from './primary-text' export { Header } from './header' +export { Footer } from './footer' diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx index d3a417f..a4786eb 100644 --- a/src/pages/_document.tsx +++ b/src/pages/_document.tsx @@ -1,5 +1,5 @@ import Document, { Html, Head, Main, NextScript } from 'next/document' - +import { Footer } from 'components' export default class MyDocument extends Document { render() { return ( @@ -15,6 +15,7 @@ export default class MyDocument extends Document { <Main /> <NextScript /> </body> + <Footer /> </Html> ) }