bg component reusability fix

TritonSE · Feb 4, 2024 · 28f7fad · 28f7fad
1 parent 1320e44
commit 28f7fad
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/frontend/src/app/BackgroundHeader.tsx b/frontend/src/app/BackgroundHeader.tsx
@@ -4,11 +4,15 @@ import "./backgroundheader.css";
 
 /*const styleObj = { color: "white" };*/
 
-const BackgroundHeader = () => {
+type bgProps = {
+  imageUrl: string;
+};
+
+const BackgroundHeader: React.FC<bgProps> = ({ imageUrl }) => {
   return (
     <div className="background-container">
       <Image
-        src="/impact_bg.png"
+        src={imageUrl}
         alt="Background image"
         layout="fill"
         objectFit="cover"

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
@@ -6,7 +6,7 @@ import WhiteCard from "./WhiteCard";
 export default function Impact() {
   return (
     <main style={{ backgroundColor: "#F9F9F9" }}>
-      <BackgroundHeader />
+      <BackgroundHeader imageUrl="/impact_bg.png" />
       {/* White Cards */}
       <WhiteCard
         imageUrl="/testimonials.png"