From 015a12e2276e1177d27d4a178e340dc57554644c Mon Sep 17 00:00:00 2001
From: Bhavy_Zala <zalabhavy2004@gmail.com>
Date: Sat, 13 Jul 2024 16:03:57 +0530
Subject: [PATCH 1/3] Added Github link in Contributor

---
 frontend/src/pages/Contributors.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/frontend/src/pages/Contributors.tsx b/frontend/src/pages/Contributors.tsx
index beec9cee..407b9603 100644
--- a/frontend/src/pages/Contributors.tsx
+++ b/frontend/src/pages/Contributors.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import axios from 'axios';
 import bgHero from "../assets/bgHero.png";
+import { FaGithub } from 'react-icons/fa';
 
 interface Contributor {
   id: number;
@@ -41,24 +42,27 @@ const Contributors: React.FC = () => {
               key={contributor.id}
               className="w-full md:w-1/3 lg:w-1/4 flex flex-col items-center bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 rounded-lg shadow-md p-4 transition-transform transform hover:scale-105 hover:shadow-xl"
             >
-              <a
-                href={contributor.html_url}
-                className="block"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
                 <img
                   src={contributor.avatar_url}
                   alt={contributor.login}
                   className="w-24 h-24 rounded-full object-cover mb-4"
                 />
-              </a>
               <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100 mb-2">
                 {contributor.login}
               </h2>
               <p className="text-gray-700 dark:text-gray-400">
                 Contributions: {contributor.contributions}
               </p>
+              <p className="text-gray-700 dark:text-gray-400 flex items-center">
+                <a
+                   href={contributor.html_url}
+                   className="flex items-center"
+                   target="_blank"
+                   rel="noopener noreferrer"
+                >
+                    <FaGithub className="mr-1" /> GitHub Profile
+                </a>
+              </p>
             </div>
           ))}
         </div>

From 102ffafea71d35525528165f7e5c2c7952327327 Mon Sep 17 00:00:00 2001
From: Bhavy Zala <126322584+zalabhavy@users.noreply.github.com>
Date: Sat, 13 Jul 2024 17:21:46 +0530
Subject: [PATCH 2/3] Update Contributors.tsx

---
 frontend/src/pages/Contributors.tsx | 27 +++++++++++----------------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/frontend/src/pages/Contributors.tsx b/frontend/src/pages/Contributors.tsx
index 407b9603..4a6c49be 100644
--- a/frontend/src/pages/Contributors.tsx
+++ b/frontend/src/pages/Contributors.tsx
@@ -38,15 +38,18 @@ const Contributors: React.FC = () => {
         <h1 className="text-center text-3xl font-semibold mb-8">🤝 Contributors</h1>
         <div className="flex flex-wrap justify-center gap-8">
           {contributors.map((contributor) => (
-            <div
+            <a
               key={contributor.id}
+              href={contributor.html_url}
               className="w-full md:w-1/3 lg:w-1/4 flex flex-col items-center bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 rounded-lg shadow-md p-4 transition-transform transform hover:scale-105 hover:shadow-xl"
+              target="_blank"
+              rel="noopener noreferrer"
             >
-                <img
-                  src={contributor.avatar_url}
-                  alt={contributor.login}
-                  className="w-24 h-24 rounded-full object-cover mb-4"
-                />
+              <img
+                src={contributor.avatar_url}
+                alt={contributor.login}
+                className="w-24 h-24 rounded-full object-cover mb-4"
+              />
               <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100 mb-2">
                 {contributor.login}
               </h2>
@@ -54,16 +57,9 @@ const Contributors: React.FC = () => {
                 Contributions: {contributor.contributions}
               </p>
               <p className="text-gray-700 dark:text-gray-400 flex items-center">
-                <a
-                   href={contributor.html_url}
-                   className="flex items-center"
-                   target="_blank"
-                   rel="noopener noreferrer"
-                >
-                    <FaGithub className="mr-1" /> GitHub Profile
-                </a>
+                <FaGithub className="mr-1" /> GitHub Profile
               </p>
-            </div>
+            </a>
           ))}
         </div>
       </div>
@@ -72,4 +68,3 @@ const Contributors: React.FC = () => {
 };
 
 export default Contributors;
-

From 46389239029f95616d442ddfcdf34476ad9e9e3a Mon Sep 17 00:00:00 2001
From: Bhavy Zala <126322584+zalabhavy@users.noreply.github.com>
Date: Sat, 13 Jul 2024 20:35:46 +0530
Subject: [PATCH 3/3] Update Contributors.tsx

---
 frontend/src/pages/Contributors.tsx | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/frontend/src/pages/Contributors.tsx b/frontend/src/pages/Contributors.tsx
index 4a6c49be..abcda6df 100644
--- a/frontend/src/pages/Contributors.tsx
+++ b/frontend/src/pages/Contributors.tsx
@@ -1,7 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import axios from 'axios';
 import bgHero from "../assets/bgHero.png";
-import { FaGithub } from 'react-icons/fa';
 
 interface Contributor {
   id: number;
@@ -56,9 +55,6 @@ const Contributors: React.FC = () => {
               <p className="text-gray-700 dark:text-gray-400">
                 Contributions: {contributor.contributions}
               </p>
-              <p className="text-gray-700 dark:text-gray-400 flex items-center">
-                <FaGithub className="mr-1" /> GitHub Profile
-              </p>
             </a>
           ))}
         </div>