From 66bd0c9a66007e93c4641d386110b4450f284945 Mon Sep 17 00:00:00 2001
From: Charles Garrett <charleslavong@gmail.com>
Date: Fri, 26 Jan 2024 14:36:43 -0500
Subject: [PATCH] chore: remove the horizon banner since the cohort has already
 kicked off

---
 src/components/banner/Horizon.tsx             | 115 ------------------
 .../navigation/desktop/DesktopNavigation.tsx  |   2 -
 src/components/navigation/mobile/Menu.tsx     |   2 -
 3 files changed, 119 deletions(-)
 delete mode 100644 src/components/banner/Horizon.tsx

diff --git a/src/components/banner/Horizon.tsx b/src/components/banner/Horizon.tsx
deleted file mode 100644
index c24007289..000000000
--- a/src/components/banner/Horizon.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import Image from 'next/image';
-import Link from 'next/link';
-import styled from 'styled-components';
-
-import { Button } from '@/components/lib/Button';
-import { useBanner } from '@/hooks/useBanner';
-
-type Props = {
-  inline?: boolean;
-};
-
-type FlexProps = {
-  gap?: string;
-  alignItems?: string;
-  justifyContent?: string;
-  direction?: string;
-  wrap?: string;
-};
-
-const Wrapper = styled.div<{
-  inline?: boolean;
-}>`
-  padding: 8px 0;
-  background: rgb(102, 160, 255);
-  border-radius: ${(p) => (p.inline ? '5px' : 0)};
-
-  .banner-button {
-    font-size: 14px;
-
-    &.desktop-button {
-      @media (max-width: 380px) {
-        display: none !important;
-      }
-    }
-    &.mobile-button {
-      display: none;
-      @media (max-width: 380px) {
-        display: inline !important;
-      }
-    }
-  }
-  .close-button {
-    all: unset;
-    width: 14px;
-    height: 14px;
-    line-height: 14px;
-    color: #664d04;
-    background: transparent;
-    outline: none;
-    border: none;
-    transition: color 0.2s;
-    cursor: pointer;
-
-    &:hover {
-      border: none;
-      background: transparent;
-    }
-  }
-`;
-
-const Flex = styled.div<FlexProps>`
-  display: flex;
-  gap: ${(p) => p.gap};
-  align-items: ${(p) => p.alignItems};
-  justify-content: ${(p) => p.justifyContent};
-  flex-direction: ${(p) => p.direction ?? 'row'};
-  flex-wrap: ${(p) => p.wrap ?? 'nowrap'};
-
-  @media (max-width: 576px) {
-    gap: 10px;
-  }
-`;
-
-export const HorizonBanner = (props: Props) => {
-  const [isBannerVisible, setBanners] = useBanner();
-
-  const closeBanner = () => {
-    setBanners(!isBannerVisible);
-  };
-
-  if (!isBannerVisible) return null;
-
-  return (
-    <Wrapper inline={props.inline}>
-      <Flex gap="14px" alignItems="center" justifyContent="center">
-        <Link href="https://www.hzn.xyz/hzn/" target="_blank" className="banner-button desktop-button">
-          <Button
-            label="Apply to the next Horizon Accelerator Program"
-            iconRight="ph-bold ph-arrow-right"
-            variant="primary"
-            fill="outline"
-            size="small"
-          />
-        </Link>
-        <Link href="https://www.hzn.xyz/hzn/" target="_blank" className="banner-button mobile-button">
-          <Button
-            label="Apply to the next Horizon Accelerator Program"
-            iconRight="ph-bold ph-arrow-right"
-            variant="primary"
-            fill="outline"
-            size="small"
-          />
-        </Link>
-        <Button
-          type="button"
-          onClick={closeBanner}
-          label="Close"
-          icon="ph-fill ph-x-circle"
-          size="small"
-          className="close-button"
-        />
-      </Flex>
-    </Wrapper>
-  );
-};
diff --git a/src/components/navigation/desktop/DesktopNavigation.tsx b/src/components/navigation/desktop/DesktopNavigation.tsx
index 591188392..e2fc6ef7a 100644
--- a/src/components/navigation/desktop/DesktopNavigation.tsx
+++ b/src/components/navigation/desktop/DesktopNavigation.tsx
@@ -18,7 +18,6 @@ import { NotificationButton } from '../NotificationButton';
 import { UserDropdownMenu } from '../UserDropdownMenu';
 import { MainNavigationMenu } from './MainNavigationMenu';
 import { TypeAheadDropdown } from './TypeAheadDropdown';
-import { HorizonBanner } from '@/components/banner/Horizon';
 
 const Wrapper = styled.div<{
   scrolled?: boolean;
@@ -171,7 +170,6 @@ export const DesktopNavigation = () => {
 
   return (
     <>
-      <HorizonBanner />
       <Wrapper scrolled={scrolled}>
         <Container className="container-xl">
           <Link href="/" passHref legacyBehavior>
diff --git a/src/components/navigation/mobile/Menu.tsx b/src/components/navigation/mobile/Menu.tsx
index fd3c22add..f63c24b07 100644
--- a/src/components/navigation/mobile/Menu.tsx
+++ b/src/components/navigation/mobile/Menu.tsx
@@ -9,7 +9,6 @@ import { useAuthStore } from '@/stores/auth';
 
 import SearchIcon from '../icons/search.svg';
 import { AccordionMenu } from './AccordionMenu';
-import { HorizonBanner } from '@/components/banner/Horizon';
 
 type Props = {
   isVisible: boolean;
@@ -117,7 +116,6 @@ export function Menu(props: Props) {
   return (
     <Wrapper visible={props.isVisible}>
       <InnerWrapper>
-        <HorizonBanner />
         <SearchButton onClick={search}>Search NEAR</SearchButton>
 
         <AccordionMenu onCloseMenu={props.onCloseMenu} />