AdaptiveGridTwoEqualItems is part of the configuration

dimitardanailov · Jun 6, 2024 · 03ab237 · 03ab237
1 parent b0a1a3f
commit 03ab237
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git 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/.../src/components/Grid/TwoColumns/index.tsx → ...ents/AdaptiveGrid/TwoEqualItems/index.tsx b/.../src/components/Grid/TwoColumns/index.tsx → ...ents/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