Bug fixes

.github/workflows/eslint.yml

@@ -42,4 +42,4 @@ jobs:
         run: npm install
 
       - name: Run ESLint
-        run: npm run lint
+        run: npm run lint

package.json

@@ -16,6 +16,7 @@
     "@vitejs/plugin-react": "^4.2.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-icons": "^5.3.0",
     "react-router-dom": "^6.22.2",
     "vite": "^5.1.4"
   },

src/Components/Teams/Card/Card.jsx

@@ -1,6 +1,72 @@
 import styles from "./Card.module.scss";
-const Card = () => {
-  return <div className={styles.card}>Card</div>;
+const Card = (props) => {
+  return (
+    <div className={styles.cardBox}>
+      <div className={styles.topLeftLine}></div>
+      <div className={styles.bottomLeftLine}></div>
+      <div className={styles.bottomRightLine}></div>
+      <div className={styles.card}>
+        <div className={styles.box}>
+          <img className={styles.img} src={props.img} alt="members" loading="lazy" />
+        </div>
+        <div className={styles.content}>
+          <p className={styles.name}>{props.name}</p>
+          {props.designation && <p className={styles.designation}>{props.designation}</p>}
+        </div>
+        <div className={styles.glowbox}>
+          <div className={styles.social}>
+            {props.fb && (
+              <div className={styles.icon}>
+                <a href={props.fb} target="_blank" rel="noreferrer">
+                  <img
+                    className={`${styles.logo} ${styles.fbImg}`}
+                    src="https://res.cloudinary.com/dxafdfvui/image/upload/v1705083563/fbpxl_imhsav.svg"
+                    alt="facebook"
+                  />
+                </a>
+              </div>
+            )}
+
+            {props.linkedin && (
+              <div className={styles.icon}>
+                <a href={props.linkedin} target="_blank" rel="noreferrer">
+                  <img
+                    className={`${styles.logo} ${styles.linkedinImg}`}
+                    src="https://res.cloudinary.com/dgnlmdkyq/image/upload/v1705425898/Nits%20hacks%206.0/Teams/nnj4l11tum53qdgmny4v.png"
+                    alt="linkedin"
+                  />
+                </a>
+              </div>
+            )}
+
+            {props.git && (
+              <div className={styles.icon}>
+                <a href={props.git} target="_blank" rel="noreferrer">
+                  <img
+                    className={`${styles.logo} ${styles.gitImg}`}
+                    src="https://res.cloudinary.com/dgnlmdkyq/image/upload/v1705429562/Nits%20hacks%206.0/Teams/lavkmin5prqostnlukqh.png"
+                    alt=" github"
+                  />
+                </a>
+              </div>
+            )}
+
+            {props.cf && (
+              <div className={styles.icon}>
+                <a href={props.cf} target="_blank" rel="noreferrer">
+                  <img
+                    className={`${styles.logo} ${styles.cfImg}`}
+                    src="https://res.cloudinary.com/dgnlmdkyq/image/upload/v1705486367/Nits%20hacks%206.0/Teams/lfqewnoiatuujzkelmqk.png"
+                    alt=" codeforces"
+                  />
+                </a>
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
 };
 
 export default Card;