From 5183945a26a9d95ecfb8d8ed2e12ea73fee1b267 Mon Sep 17 00:00:00 2001
From: Kyrylo Shmidt <kshmidt@digma.ai>
Date: Fri, 10 Nov 2023 09:14:01 +0100
Subject: [PATCH] Remove header

---
 .../pages/EnvironmentTypes/index.tsx          |  5 +-
 .../pages/EnvironmentTypes/styles.ts          | 64 +++++++++----------
 2 files changed, 34 insertions(+), 35 deletions(-)

diff --git a/src/components/Documentation/pages/EnvironmentTypes/index.tsx b/src/components/Documentation/pages/EnvironmentTypes/index.tsx
index 1dbd05db1..fcdc3b643 100644
--- a/src/components/Documentation/pages/EnvironmentTypes/index.tsx
+++ b/src/components/Documentation/pages/EnvironmentTypes/index.tsx
@@ -1,4 +1,3 @@
-import { DigmaLogoIcon } from "../../../common/icons/DigmaLogoIcon";
 import { EnvironmentTypeCard } from "./EnvironmentTypeCard";
 import { InsightCard } from "./InsightCard";
 import { environmentTypesData } from "./data";
@@ -63,7 +62,7 @@ export const EnvironmentTypes = () => {
       <s.BottomGradientBackground />
       <s.ContentContainer>
         <s.Header $columnCount={columnCount}>
-          <s.HeaderTextContainer>
+          {/* <s.HeaderTextContainer>
             <s.Title>
               <DigmaLogoIcon size={16} />
               <span>Digma Insight Overview</span>
@@ -73,7 +72,7 @@ export const EnvironmentTypes = () => {
               analyzing observability for multiple environment types, from local
               dev and test through CI to real world production environment.
             </span>
-          </s.HeaderTextContainer>
+          </s.HeaderTextContainer> */}
           {renderEnvironmentTypesTable()}
         </s.Header>
         <s.EnvironmentsContainer>
diff --git a/src/components/Documentation/pages/EnvironmentTypes/styles.ts b/src/components/Documentation/pages/EnvironmentTypes/styles.ts
index 69fe270c5..323c31496 100644
--- a/src/components/Documentation/pages/EnvironmentTypes/styles.ts
+++ b/src/components/Documentation/pages/EnvironmentTypes/styles.ts
@@ -84,39 +84,39 @@ export const Header = styled.div<HeaderProps>`
   }};
 `;
 
-export const HeaderTextContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  font-size: 14px;
-  color: ${({ theme }) => {
-    switch (theme.mode) {
-      case "light":
-        return "#828797";
-      case "dark":
-      case "dark-jetbrains":
-        return "#b4b8bf";
-    }
-  }};
-`;
+// export const HeaderTextContainer = styled.div`
+//   display: flex;
+//   flex-direction: column;
+//   gap: 10px;
+//   font-size: 14px;
+//   color: ${({ theme }) => {
+//     switch (theme.mode) {
+//       case "light":
+//         return "#828797";
+//       case "dark":
+//       case "dark-jetbrains":
+//         return "#b4b8bf";
+//     }
+//   }};
+// `;
 
-export const Title = styled.div`
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  font-size: 16px;
-  font-weight: 500;
-  text-transform: capitalize;
-  color: ${({ theme }) => {
-    switch (theme.mode) {
-      case "light":
-        return "#4d668a";
-      case "dark":
-      case "dark-jetbrains":
-        return "#fff";
-    }
-  }};
-`;
+// export const Title = styled.div`
+//   display: flex;
+//   gap: 8px;
+//   align-items: center;
+//   font-size: 16px;
+//   font-weight: 500;
+//   text-transform: capitalize;
+//   color: ${({ theme }) => {
+//     switch (theme.mode) {
+//       case "light":
+//         return "#4d668a";
+//       case "dark":
+//       case "dark-jetbrains":
+//         return "#fff";
+//     }
+//   }};
+// `;
 
 export const EnvironmentsContainer = styled.div`
   padding: 15px 16px ${COLUMN_PADDING}px;