diff --git a/src/components/HomeMobileHeader/index.tsx b/src/components/MobileHeader/index.tsx similarity index 62% rename from src/components/HomeMobileHeader/index.tsx rename to src/components/MobileHeader/index.tsx index a653bea..c5d22b3 100644 --- a/src/components/HomeMobileHeader/index.tsx +++ b/src/components/MobileHeader/index.tsx @@ -1,21 +1,21 @@ import React, { FC } from "react" import * as SC from "./styles" -interface IHomeMobileHeaderProps { +interface IMobileHeaderProps { openMenu: () => void } -export const HomeMobileHeader: FC = ({ +export const MobileHeader: FC = ({ openMenu, children, }) => { return ( - + {children} - + ) } diff --git a/src/components/HomeMobileHeader/styles.tsx b/src/components/MobileHeader/styles.tsx similarity index 95% rename from src/components/HomeMobileHeader/styles.tsx rename to src/components/MobileHeader/styles.tsx index 69aa2d6..99121a3 100644 --- a/src/components/HomeMobileHeader/styles.tsx +++ b/src/components/MobileHeader/styles.tsx @@ -3,7 +3,7 @@ import styled from "styled-components" import { fontFamily } from "../../design/typography" import Logo from "../../images/tph-logo.svg" -export const HomeMobileHeaderWrapper = styled.div` +export const MobileHeaderWrapper = styled.div` z-index: 50; background: ${props => transparentize(0.2, props.theme.main.background)}; position: fixed; diff --git a/src/layouts/ColumnLayout/index.tsx b/src/layouts/ColumnLayout/index.tsx index 4500bec..36ca046 100644 --- a/src/layouts/ColumnLayout/index.tsx +++ b/src/layouts/ColumnLayout/index.tsx @@ -1,6 +1,6 @@ import React, { FC, useState } from "react" -import { HomeMobileHeader } from "../../components/HomeMobileHeader" +import { MobileHeader } from "../../components/MobileHeader" import { GlobalStyles } from "../../globalStyles" import { useLockBodyScroll } from "../../hooks/useLockBodyScroll" import { SidebarProvider } from "../../SidebarProvider" @@ -36,7 +36,7 @@ export const ColumnLayout: FC = ({ - {title} + {title} {sidebar({ className: activeMobileMenu ? "is-open" : "" })} {content}