From 1f98face5b65e5b4126cb8593e5a3dc7051c6441 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 11 Aug 2023 12:38:07 +0300
Subject: [PATCH] fix: pass props for page wrapper

---
 src/components/LandingPage.tsx     | 5 ++++-
 src/components/LayoutComponent.tsx | 7 ++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/LandingPage.tsx b/src/components/LandingPage.tsx
index d6bc3dc6..a53de379 100644
--- a/src/components/LandingPage.tsx
+++ b/src/components/LandingPage.tsx
@@ -5,7 +5,10 @@ import QuickStartBar from './QuickStartBar'
 function LandingPage() {
   return (
     <>
-      <LayoutComponent content={<Content />} />
+      <LayoutComponent
+        content={<Content />}
+        rightImageSrc="src/assets/bg-img/landing-page-bg.png"
+      />
       <QuickStartBar />
     </>
   )
diff --git a/src/components/LayoutComponent.tsx b/src/components/LayoutComponent.tsx
index 9fe53758..29d1d35c 100644
--- a/src/components/LayoutComponent.tsx
+++ b/src/components/LayoutComponent.tsx
@@ -4,6 +4,7 @@ import './layout.css'
 type LeftProps = {
   breadcrumbBar?: ReactNode
   content: ReactNode
+  rightImageSrc?: string
 }
 function LayoutComponent(props: LeftProps) {
   return (
@@ -12,16 +13,16 @@ function LayoutComponent(props: LeftProps) {
         {props.breadcrumbBar}
         <div className="container">{props.content}</div>
       </section>
-      <LayoutRight />
+      <LayoutRight rightImageSrc={props.rightImageSrc} />
     </div>
   )
 }
 
-function LayoutRight() {
+function LayoutRight({ rightImageSrc }: { rightImageSrc?: string }) {
   return (
     <section className="layout-right">
       <div className="image-container">
-        <img src="src/assets/bg-img/landing-page-bg.png" alt="" />
+        <img src={rightImageSrc} alt="" />
         {/* <img src="src/assets/bg-img/day-night-bg.png" alt="" /> */}
         {/* <img src="src/assets/bg-img/key-lock-bg.png" alt="" /> */}
       </div>