From 03ab237c1df0b32d69e669d6d1a5fe68aea4cc8a Mon Sep 17 00:00:00 2001
From: Dimitar Danailov <dimityr.danailov@gmail.com>
Date: Thu, 6 Jun 2024 18:08:53 +0300
Subject: [PATCH] AdaptiveGridTwoEqualItems is part of the configuration

---
 .../src/app/demos/dashboard-trade/Content.tsx        |  8 ++++----
 .../TwoEqualItems}/index.tsx                         | 12 ++++++------
 2 files changed, 10 insertions(+), 10 deletions(-)
 rename apps/website/src/components/{Grid/TwoColumns => AdaptiveGrid/TwoEqualItems}/index.tsx (59%)

diff --git a/apps/website/src/app/demos/dashboard-trade/Content.tsx b/apps/website/src/app/demos/dashboard-trade/Content.tsx
index eb2b4c5..a415079 100644
--- a/apps/website/src/app/demos/dashboard-trade/Content.tsx
+++ b/apps/website/src/app/demos/dashboard-trade/Content.tsx
@@ -4,7 +4,7 @@ import {useState} from 'react'
 
 import Collapse from '@mui/material/Collapse'
 
-import GridTwoColumns from '@/components/Grid/TwoColumns'
+import AdaptiveGridTwoEqualItems from '@/components/AdaptiveGrid/TwoEqualItems'
 
 import TableBody from '@/components/Coingecko/TableBody'
 import TableHeader from '@/components/Coingecko/TableHeader'
@@ -43,8 +43,8 @@ const Content = () => {
   return (
     <>
       <Slogan>Coingecko portfolio fetcher</Slogan>
-      <GridTwoColumns
-        LeftBox={
+      <AdaptiveGridTwoEqualItems
+        ItemA={
           <>
             <div>Technologies: {stack.join(', ')}</div>
             <p>
@@ -53,7 +53,7 @@ const Content = () => {
             </p>
           </>
         }
-        RightBox={<PageHeaderContainer apiRequest={apiRequest} />}
+        ItemB={<PageHeaderContainer apiRequest={apiRequest} />}
       />
 
       <Collapse in={priceListNotifacationIsVisible}>
diff --git a/apps/website/src/components/Grid/TwoColumns/index.tsx b/apps/website/src/components/AdaptiveGrid/TwoEqualItems/index.tsx
similarity index 59%
rename from apps/website/src/components/Grid/TwoColumns/index.tsx
rename to apps/website/src/components/AdaptiveGrid/TwoEqualItems/index.tsx
index 567685d..57d67e6 100644
--- a/apps/website/src/components/Grid/TwoColumns/index.tsx
+++ b/apps/website/src/components/AdaptiveGrid/TwoEqualItems/index.tsx
@@ -7,8 +7,8 @@ import Box from '@/styled-components/Grid/Mobile/HFlexBox'
 import styled from 'styled-components'
 
 export interface Props {
-  LeftBox: JSX.Element
-  RightBox: JSX.Element
+  ItemA: JSX.Element
+  ItemB: JSX.Element
 }
 
 const BoxWrapper = styled.div`
@@ -20,13 +20,13 @@ const BoxWrapper = styled.div`
   }
 `
 
-const GridTwoColumns: FC<Props> = ({LeftBox, RightBox}) => {
+const AdaptiveGridTwoEqualItems: FC<Props> = ({ItemA, ItemB}) => {
   return (
     <Box>
-      <BoxWrapper>{LeftBox}</BoxWrapper>
-      <BoxWrapper>{RightBox}</BoxWrapper>
+      <BoxWrapper>{ItemA}</BoxWrapper>
+      <BoxWrapper>{ItemB}</BoxWrapper>
     </Box>
   )
 }
 
-export default GridTwoColumns
+export default AdaptiveGridTwoEqualItems