feat: remove prop footer to layout

Author: giacomosardo

components/composite/Checkout/index.tsx

@@ -27,7 +27,6 @@ import { AppContext } from "components/data/AppProvider"
 import { useActiveStep } from "components/hooks/useActiveStep"
 import { LayoutDefault } from "components/layouts/LayoutDefault"
 import { Accordion, AccordionItem } from "components/ui/Accordion"
-import { Button, ButtonWrapper } from "components/ui/Button"
 import { Footer } from "components/ui/Footer"
 import { Logo } from "components/ui/Logo"
 
@@ -171,11 +170,6 @@ const Checkout: React.FC<Props> = ({
               </Accordion>
             </div>
           }
-          footer={
-            <>
-              <Footer onMobile />
-            </>
-          }
         />
       </CustomerContainer>
     )

components/layouts/LayoutDefault.tsx

@@ -8,10 +8,9 @@ import { Container } from "components/ui/Container"
 interface Props {
   aside: React.ReactNode
   main: React.ReactNode
-  footer: React.ReactNode
 }
 
-export const LayoutDefault: React.FC<Props> = ({ main, aside, footer }) => {
+export const LayoutDefault: React.FC<Props> = ({ main, aside }) => {
   return (
     <Base>
       <Container>
@@ -20,7 +19,6 @@ export const LayoutDefault: React.FC<Props> = ({ main, aside, footer }) => {
           <Main>
             <Card fullHeight>{main}</Card>
           </Main>
-          {footer}
         </Wrapper>
       </Container>
     </Base>

components/ui/Footer/index.tsx

@@ -3,13 +3,9 @@ import tw from "twin.macro"
 
 import { Logo } from "./cl"
 
-interface Props {
-  onMobile?: boolean
-}
-
-export const Footer: React.FC<Props> = ({ onMobile }) => {
+export const Footer: React.FC = () => {
   return (
-    <Wrapper onMobile={onMobile}>
+    <Wrapper>
       <LogoWrapper>
         Powered by <Logo width="135" height="22" tw="pl-2" />
       </LogoWrapper>
@@ -21,9 +17,9 @@ interface FooterProps {
   onMobile?: boolean
 }
 
+// ${({ onMobile }) => (onMobile ? tw`fixed md:hidden` : tw`hidden md:flex `)}
 const Wrapper = styled.div<FooterProps>`
-  ${({ onMobile }) => (onMobile ? tw`fixed md:hidden` : tw`hidden md:flex `)}
-  ${tw`w-full bottom-0 justify-start items-center border-t px-5 py-2 text-xs text-gray-500 bg-gray-100 z-30 md:(bottom-0 sticky p-0 py-3 m-0 mt-20)`}
+  ${tw`md:flex w-full bottom-0 justify-start items-center border-t px-5 py-2 text-xs text-gray-500 bg-gray-100 z-30 md:(bottom-0 sticky p-0 py-3 m-0 mt-20)`}
 
   &::before {
     ${tw`hidden md:(block top-0 absolute left-0 w-full z-10 h-2 shadow-top)`}