From a1177672752b385d209f5fc82b9d32525205ed71 Mon Sep 17 00:00:00 2001
From: albertfolch-redeemeum
 <102516373+albertfolch-redeemeum@users.noreply.github.com>
Date: Tue, 25 Apr 2023 12:23:52 +0200
Subject: [PATCH] feat: remove promotional banner (#601)

* feat: remove promotional banner

* fix: build
---
 src/components/banner/Banner.tsx | 49 --------------------------------
 src/components/header/Header.tsx | 44 ----------------------------
 2 files changed, 93 deletions(-)
 delete mode 100644 src/components/banner/Banner.tsx

diff --git a/src/components/banner/Banner.tsx b/src/components/banner/Banner.tsx
deleted file mode 100644
index da2b2fed9..000000000
--- a/src/components/banner/Banner.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { ArrowRight } from "phosphor-react";
-import styled from "styled-components";
-
-import Grid from "../../components/ui/Grid";
-import { colors } from "../../lib/styles/colors";
-import Typography from "../ui/Typography";
-
-const BannerContainer = styled.a`
-  display: block;
-  text-align: center;
-  background-color: ${colors.secondary};
-  color: ${colors.white};
-  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  &:hover {
-    background-color: ${colors.black};
-    [data-arrow-right] {
-      transform: translate(1rem, 0);
-    }
-  }
-`;
-const ArrowWrapper = styled(Grid)`
-  background-color: ${colors.primary};
-  padding: 0.315rem;
-  color: ${colors.black};
-  width: auto;
-  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
-`;
-
-function Banner() {
-  return (
-    <BannerContainer
-      href="https://www.bosonprotocol.io/blog/buy-on-boson-and-get-50-back-extended-to-march-31st-2023/"
-      target="_blank"
-    >
-      <Grid justifyContent="center" gap="1rem" padding="0.535rem 1rem">
-        <Typography margin="0" $fontSize="1.125rem">
-          Get 50% of the purchase price of any item as a $BOSON reward
-        </Typography>
-        <ArrowWrapper data-arrow-right>
-          <ArrowRight size={13} />
-        </ArrowWrapper>
-      </Grid>
-    </BannerContainer>
-  );
-}
-
-export default Banner;
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
index d9e7a7594..3f6405838 100644
--- a/src/components/header/Header.tsx
+++ b/src/components/header/Header.tsx
@@ -11,7 +11,6 @@ import { colors } from "../../lib/styles/colors";
 import { zIndex } from "../../lib/styles/zIndex";
 import { useBreakpoints } from "../../lib/utils/hooks/useBreakpoints";
 import { useCustomStoreQueryParameter } from "../../pages/custom-store/useCustomStoreQueryParameter";
-import Banner from "../banner/Banner";
 import { LinkWithQuery } from "../customNavigation/LinkWithQuery";
 import Layout from "../Layout";
 import ViewTxButton from "../transactions/ViewTxButton";
@@ -23,40 +22,6 @@ const smallWidth = "180px";
 const mediumWidth = "225px";
 const sideMargin = "1rem";
 const closedHeaderWidth = "75px";
-const SideBannerContainer = styled.div<{
-  $navigationBarPosition: string;
-  $isSideBarOpen: boolean;
-}>`
-  ${({ $navigationBarPosition, $isSideBarOpen }) => {
-    if ("left" === $navigationBarPosition) {
-      return css`
-        ${$isSideBarOpen
-          ? css`
-              margin-left: ${smallWidth};
-              ${breakpoint.m} {
-                margin-left: ${mediumWidth};
-              }
-            `
-          : css`
-              margin-left: ${closedHeaderWidth};
-            `}
-      `;
-    } else if ("right" === $navigationBarPosition) {
-      return css`
-        ${$isSideBarOpen
-          ? css`
-              margin-right: ${smallWidth};
-              ${breakpoint.m} {
-                margin-right: ${mediumWidth};
-              }
-            `
-          : css`
-              margin-right: ${closedHeaderWidth};
-            `}
-      `;
-    }
-  }}
-`;
 
 const Header = styled.header<{
   $navigationBarPosition: string;
@@ -312,20 +277,11 @@ const HeaderComponent = forwardRef<HTMLElement, Props>(
 
     return (
       <>
-        {withBanner && isSideNavBar && (
-          <SideBannerContainer
-            $navigationBarPosition={navigationBarPosition}
-            $isSideBarOpen={isOpen}
-          >
-            <Banner />
-          </SideBannerContainer>
-        )}
         <Header
           $navigationBarPosition={navigationBarPosition}
           $isSideBarOpen={isOpen}
           ref={ref}
         >
-          {withBanner && !isSideNavBar && <Banner />}
           <HeaderContainer
             fluidHeader={fluidHeader}
             $navigationBarPosition={navigationBarPosition}