@t2ca/gatsby-theme-showcase 1.1.2 → 1.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t2ca/gatsby-theme-showcase",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "main": "index.js",
   "license": "MIT",
   "devDependencies": {

package/src/components/header.js

@@ -22,7 +22,7 @@ const Burger = () => (
 )
 
 export default ({
-  styles,
+  styles = false,
   menuOpen,
   setMenuOpen,
   callBack,
@@ -34,12 +34,20 @@ export default ({
 }) => {
   useEffect(() => {
     callBack(alert)
-  }, [])
+  }, [alert])
 
   return (
     <div sx={{ position: `fixed`, zIndex: `100`, width: `100%` }}>
       {alert && <Alert variant="banner">{alertMsg}</Alert>}
-      <Box p={4} sx={{ ...styles, py: 1 }}>
+      <Box
+        p={4}
+        sx={{
+          bg: `Menu`,
+          borderBottom: `1px solid transparent`,
+          borderColor: styles ? `Menu` : `rgba(100,121,143,0.122)`,
+          py: 1,
+        }}
+      >
         <Container>
           <div
             sx={{

package/src/components/layout.js

@@ -8,7 +8,7 @@ import Header from "./header"
 import Footer from "./footer"
 import Sidebar from "./sidebar"
 
-const Layout = ({ header, children }) => {
+const Layout = ({ noBorder, children }) => {
   const [menuOpen, setMenuOpen] = useState(false)
   const [isAlert, setIsAlert] = useState(false)
   const [hasMounted, setHasMounted] = useState(false)
@@ -24,7 +24,7 @@ const Layout = ({ header, children }) => {
       </Helmet>
 
       <Header
-        styles={header}
+        styles={noBorder}
         menuOpen={menuOpen}
         setMenuOpen={setMenuOpen}
         callBack={setIsAlert}