refactor: committe-card-background

tsg-iitkgp · Jan 7, 2024 · 7a64887 · 7a64887
1 parent 88cd352
commit 7a64887
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 5 deletions.
diff --git a/...media/images/committee/StudentWelfare.jpg → ...edia/images/committee/StudentsWelfare.jpg b/...media/images/committee/StudentWelfare.jpg → ...edia/images/committee/StudentsWelfare.jpg
diff --git a/src/components/Homepage/Committee/Socult.jpg b/src/components/Homepage/Committee/Socult.jpg
diff --git a/src/components/Homepage/Committee/Sports.jpg b/src/components/Homepage/Committee/Sports.jpg
diff --git a/src/components/Homepage/Committee/StudentWelfare.jpg b/src/components/Homepage/Committee/StudentWelfare.jpg
diff --git a/src/components/Homepage/Committee/Technology.jpg b/src/components/Homepage/Committee/Technology.jpg
diff --git a/src/pages/Homepage/Committee/CommitteeCard.js b/src/pages/Homepage/Committee/CommitteeCard.js
@@ -10,8 +10,8 @@ export default function CommitteeCard({ data }) {
           <div className={Styles.content}>
             <h2>{data.number}</h2>
             <h3>{data.heading}</h3>
+            <img src={data.background} />
             {/* <p>{data.description}</p> */}
-            <img src={`/data/media/images/committee/${data.photo}`} />
           </div>
         </div>
       </div>

diff --git a/src/pages/Homepage/Committee/CommitteesHome.js b/src/pages/Homepage/Committee/CommitteesHome.js
@@ -1,37 +1,39 @@
 import React from "react";
 import Styles from "../../../styles/pages/home.module.css";
 import CommitteeCard from "./CommitteeCard";
+
 export default function CommitteesHome() {
   const data = [
     {
       number: 1,
       heading: "Sports and Games",
       description: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?`,
       route: "/committees/sports",
-      photo: "Sports.jpg",
+      background: "/data/media/images/committee/Sports.jpg",
     },
     {
       number: 2,
       heading: "Social and Cultural",
       description: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?`,
       route: "/committees/socult",
-      photo: "Socult.jpg",
+      background: "/data/media/images/committee/Socult.jpg",
     },
     {
       number: 3,
       heading: "Technology",
       description: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?`,
       route: "/committees/tech",
-      photo: "Technology.jpg",
+      background: "/data/media/images/committee/Technology.jpg",
     },
     {
       number: 4,
       heading: "Students' Welfare",
       description: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?`,
       route: "/committees/welfare",
-      photo: "StudentWelfare.jpg",
+      background: "/data/media/images/committee/StudentsWelfare.jpg",
     },
   ];
+
   return (
     <div data-aos="zoom-in-up" className={Styles.container}>
       <div className={Styles.committeesSection}>