fixed bug

Phoenix-NSEC · May 16, 2024 · 5be6870 · 5be6870
1 parent b05053d
commit 5be6870
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 12 deletions.
diff --git a/src/data/wingData.js b/src/data/wingData.js
@@ -1,11 +1,11 @@
+//cover images
 import robonixImg from '../static/img/RobotEvolution.jpg'
 import eloquenseImg from '../static/img/speaking-e1513074001193.jpeg'
 import cybernixImg from '../static/img/cybernix.jpg'
 import nirmanImg from '../static/img/civil.jpg'
 import illustroImg from '../static/img/illustro.jpg'
 
-
-//gallery image import
+//gallery image imports
 //robonix
 import robonix_linetraccer from '../static/images/clubs/robonics/linetraccer.JPG'
 import robonix_mazesolver from '../static/images/clubs/robonics/mazesolver.JPG'
@@ -34,12 +34,6 @@ import cybernix_webyaward from '../static/images/clubs/cybernix/webyaward.JPG'
 import illustro_bioscope from '../static/images/clubs/lensified/bioscope.jpg'
 import illustro_specrum from '../static/images/clubs/lensified/specrum.JPG'
 
-const img1 = "https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
-const img2 = "https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
-const img3 = "https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
-const img4 = "https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
-
-
 export const wingData = {
     cybernix: {
         name: 'cybernix',

diff --git a/src/pages/Clubs/Wing.jsx b/src/pages/Clubs/Wing.jsx
@@ -64,6 +64,7 @@ const Wing = () => {
                   <MemberCard
                     key={index}
                     name={item.name}
+                    profileImgUrl={item.profileImgUrl}
                     designation={item.designation}
                     socials={item.socials}
                   />
@@ -83,8 +84,8 @@ const Wing = () => {
   );
 };
 
-const MemberCard = ({ name, designation, socials }) => {
-  console.log(socials);
+const MemberCard = ({ name, designation, profileImgUrl, socials }) => {
+  console.log(profileImgUrl);
   return (
     <>
       <style>
@@ -139,8 +140,9 @@ const MemberCard = ({ name, designation, socials }) => {
             }
 
             .our-team .picture img {
+            object-fit: cover;
             width: 100%;
-            height: auto;
+            height: 100%;
             border-radius: 50%;
             transform: scale(1);
             transition: all 0.9s ease 0s;
@@ -189,7 +191,7 @@ const MemberCard = ({ name, designation, socials }) => {
           <img
             className="img-fluid"
             alt="img"
-            src="https://picsum.photos/130/130?image=1027"
+            src={profileImgUrl}
           />
         </div>
         <div className="team-content flex flex-col gap-1">