From b837ec790dce0eade008f6a3bad66cb0f7f30f9a Mon Sep 17 00:00:00 2001
From: Harman-singh-waraich <Waraichharman68@gmail.com>
Date: Wed, 6 Nov 2024 12:28:47 +0530
Subject: [PATCH] chore(web): remove-testnet-banner

---
 web/src/layout/Header/TestnetBanner.tsx | 41 -------------------------
 web/src/layout/Header/index.tsx         |  6 +---
 2 files changed, 1 insertion(+), 46 deletions(-)
 delete mode 100644 web/src/layout/Header/TestnetBanner.tsx

diff --git a/web/src/layout/Header/TestnetBanner.tsx b/web/src/layout/Header/TestnetBanner.tsx
deleted file mode 100644
index 0485b4784..000000000
--- a/web/src/layout/Header/TestnetBanner.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from "react";
-import styled, { css } from "styled-components";
-
-import { landscapeStyle } from "styles/landscapeStyle";
-
-const Container = styled.div`
-  width: 100%;
-  position: sticky;
-  top: 0;
-  background-color: ${({ theme }) => theme.tintPurple};
-  color: ${({ theme }) => theme.primaryText};
-
-  padding: 5px 2px;
-
-  ${landscapeStyle(
-    () => css`
-      padding: 5px 10px;
-    `
-  )}
-`;
-
-const StyledP = styled.p`
-  font-size: 14px;
-  text-align: center;
-  margin: 0;
-`;
-
-export const TestnetBanner: React.FC = () => {
-  return (
-    <Container>
-      <StyledP>
-        Thanks for trying Kleros V2! This a testnet release: work is still in progress and some features are missing.
-        More info{" "}
-        <a href="https://docs.kleros.io/products/court-v2" target="_blank" rel="noreferrer">
-          here
-        </a>
-        .
-      </StyledP>
-    </Container>
-  );
-};
diff --git a/web/src/layout/Header/index.tsx b/web/src/layout/Header/index.tsx
index 47d7018b5..74adad072 100644
--- a/web/src/layout/Header/index.tsx
+++ b/web/src/layout/Header/index.tsx
@@ -1,11 +1,8 @@
 import React from "react";
 import styled from "styled-components";
 
-import { isProductionDeployment } from "consts/index";
-
 import DesktopHeader from "./DesktopHeader";
 import MobileHeader from "./MobileHeader";
-import { TestnetBanner } from "./TestnetBanner";
 
 const Container = styled.div`
   position: sticky;
@@ -20,13 +17,12 @@ const Container = styled.div`
 
 const HeaderContainer = styled.div`
   width: 100%;
-  padding: 4px 24px 8px;
+  padding: 8px 24px;
 `;
 
 const Header: React.FC = () => {
   return (
     <Container>
-      {!isProductionDeployment() ? <TestnetBanner /> : null}
       <HeaderContainer>
         <DesktopHeader />
         <MobileHeader />