chore: renamed the left prop as sidebar

deriv-com · Feb 1, 2024 · c0e3cab · c0e3cab
1 parent 09f6833
commit c0e3cab
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/lib/components/PageLayout/PageLayout.scss b/lib/components/PageLayout/PageLayout.scss
@@ -8,7 +8,7 @@
         flex-direction: column;
     }
 
-    &__left {
+    &__sidebar {
         display: flex;
         flex-direction: column;
     }

diff --git a/lib/components/PageLayout/index.tsx b/lib/components/PageLayout/index.tsx
@@ -3,14 +3,14 @@ import { useDevice } from '../../hooks/useDevice';
 import './PageLayout.scss';
 
 type PageLayoutProps = {
-    left?: JSX.Element;
+    sidebar?: JSX.Element;
 };
 
-export const PageLayout: React.FC<React.PropsWithChildren<PageLayoutProps>> = ({children, left}) => {
+export const PageLayout: React.FC<React.PropsWithChildren<PageLayoutProps>> = ({children, sidebar}) => {
     const {isMobile} = useDevice();
 
     return <div className="derivs-page-layout">
-        {left && !isMobile && <div className="derivs-page-layout__left">{left}</div>}
+        {sidebar && !isMobile && <div className="derivs-page-layout__sidebar">{sidebar}</div>}
         {children && <div className="derivs-page-layout__content">{children}</div>}
     </div>
 }