From 3fd9bb9c1a03170b2514db6fba67ee008c8f1b43 Mon Sep 17 00:00:00 2001
From: Saurabh007007 <loverboybhol143@gmail.com>
Date: Sat, 8 Mar 2025 10:37:59 +0530
Subject: [PATCH 1/3] fixed the logo size of the sponsors sections

---
 src/components/Support/Support.jsx  | 11 ++++++-----
 src/components/Support/Support.scss |  9 +++++++++
 yarn.lock                           |  9 +--------
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/components/Support/Support.jsx b/src/components/Support/Support.jsx
index 0642933c6544..ece80250052e 100644
--- a/src/components/Support/Support.jsx
+++ b/src/components/Support/Support.jsx
@@ -173,10 +173,10 @@ export default class Support extends Component {
           {rank === 'backer'
             ? 'Backers'
             : rank === 'latest'
-            ? 'Latest Sponsors'
-            : `${rank[0].toUpperCase()}${rank.slice(1)} ${
-                type === 'monthly' ? 'Monthly ' : ''
-              }Sponsors`}
+              ? 'Latest Sponsors'
+              : `${rank[0].toUpperCase()}${rank.slice(1)} ${
+                  type === 'monthly' ? 'Monthly ' : ''
+                }Sponsors`}
         </h2>
         <VisibilitySensor
           delayedCall
@@ -240,7 +240,7 @@ export default class Support extends Component {
               >
                 {
                   <img
-                    className={`support__${rank}-avatar`}
+                    className={`support__${rank}-avatar support__image`}
                     src={
                       inView && supporter.avatar ? supporter.avatar : SmallIcon
                     }
@@ -276,6 +276,7 @@ export default class Support extends Component {
    */
   _handleImgError(e) {
     const imgNode = e.target;
+    console.error('Image failed to load:', imgNode.src);
     if (imgNode.getAttribute('src') === SmallIcon) return;
     imgNode.setAttribute('src', SmallIcon);
   }
diff --git a/src/components/Support/Support.scss b/src/components/Support/Support.scss
index 2d0d02860e36..b01a34c84c93 100644
--- a/src/components/Support/Support.scss
+++ b/src/components/Support/Support.scss
@@ -1,5 +1,14 @@
 @import 'functions';
 
+.support__image {
+  width: 100px; /* Set a uniform width */
+  height: 100px; /* Set a uniform height */
+  object-fit: contain; /* Ensures the image maintains its aspect ratio */
+  border-radius: 10px; /* Optional: Adds rounded corners */
+  background-color: white; /* Fallback background */
+  padding: 3px; /* Add some spacing */
+}
+
 .support {
   display: flex;
   flex-wrap: wrap;
diff --git a/yarn.lock b/yarn.lock
index a0af1ee32716..791c201dc5b6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2107,14 +2107,7 @@
     "@octokit/plugin-request-log" "^5.3.1"
     "@octokit/plugin-rest-endpoint-methods" "^13.0.0"
 
-"@octokit/types@^13.0.0", "@octokit/types@^13.5.0":
-  version "13.5.0"
-  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-13.5.0.tgz#4796e56b7b267ebc7c921dcec262b3d5bfb18883"
-  integrity sha512-HdqWTf5Z3qwDVlzCrP8UJquMwunpDiMPt5er+QjGzL4hqr/vBVY/MauQgS1xWxCDT1oMx1EULyqxncdCY/NVSQ==
-  dependencies:
-    "@octokit/openapi-types" "^22.2.0"
-
-"@octokit/types@^13.6.2", "@octokit/types@^13.7.0":
+"@octokit/types@^13.0.0", "@octokit/types@^13.5.0", "@octokit/types@^13.6.2", "@octokit/types@^13.7.0":
   version "13.8.0"
   resolved "https://registry.yarnpkg.com/@octokit/types/-/types-13.8.0.tgz#3815885e5abd16ed9ffeea3dced31d37ce3f8a0a"
   integrity sha512-x7DjTIbEpEWXK99DMd01QfWy0hd5h4EN+Q7shkdKds3otGQP+oWE/y0A76i1OvH9fygo4ddvNf7ZvF0t78P98A==

From 3b8f03387b2b8725fa82874125b8727c830041ad Mon Sep 17 00:00:00 2001
From: Saurabh007007 <loverboybhol143@gmail.com>
Date: Mon, 10 Mar 2025 11:07:27 +0530
Subject: [PATCH 2/3] fix(bug) fixed the ui for the small and devices and
 created it responsive as weel

:#
---
 src/components/Support/Support.scss | 18 +++++++++++++-----
 yarn.lock                           |  2 +-
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/Support/Support.scss b/src/components/Support/Support.scss
index b01a34c84c93..3e6787893463 100644
--- a/src/components/Support/Support.scss
+++ b/src/components/Support/Support.scss
@@ -1,12 +1,15 @@
 @import 'functions';
 
 .support__image {
-  width: 100px; /* Set a uniform width */
-  height: 100px; /* Set a uniform height */
-  object-fit: contain; /* Ensures the image maintains its aspect ratio */
-  border-radius: 10px; /* Optional: Adds rounded corners */
+  width: 100px; /* Default width */
+  height: 100px; /* Default height */
+  object-fit: contain; /* Maintain aspect ratio */
+  border-radius: 10px; /* Rounded corners */
   background-color: white; /* Fallback background */
-  padding: 3px; /* Add some spacing */
+  padding: 3px; /* Spacing */
+
+  /* Responsive adjustments */
+  max-width: 100%;
 }
 
 .support {
@@ -67,6 +70,11 @@
 
     @media (min-width: 400px) {
       max-width: 384px;
+      .support__image {
+        width: 60px;
+        height: 60px;
+        padding: 2px;
+      }
     }
   }
 
diff --git a/yarn.lock b/yarn.lock
index 791c201dc5b6..f7e8437c91f8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2107,7 +2107,7 @@
     "@octokit/plugin-request-log" "^5.3.1"
     "@octokit/plugin-rest-endpoint-methods" "^13.0.0"
 
-"@octokit/types@^13.0.0", "@octokit/types@^13.5.0", "@octokit/types@^13.6.2", "@octokit/types@^13.7.0":
+"@octokit/types@^13.0.0", "@octokit/types@^13.5.0":
   version "13.8.0"
   resolved "https://registry.yarnpkg.com/@octokit/types/-/types-13.8.0.tgz#3815885e5abd16ed9ffeea3dced31d37ce3f8a0a"
   integrity sha512-x7DjTIbEpEWXK99DMd01QfWy0hd5h4EN+Q7shkdKds3otGQP+oWE/y0A76i1OvH9fygo4ddvNf7ZvF0t78P98A==

From 2d3cf631ea7f80b62ac225c2151feb3089a7d5f4 Mon Sep 17 00:00:00 2001
From: Saurabh007007 <loverboybhol143@gmail.com>
Date: Mon, 10 Mar 2025 19:47:34 +0530
Subject: [PATCH 3/3] removed the log of image error handler

---
 src/components/Support/Support.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Support/Support.jsx b/src/components/Support/Support.jsx
index ece80250052e..6ef89b012d86 100644
--- a/src/components/Support/Support.jsx
+++ b/src/components/Support/Support.jsx
@@ -276,7 +276,6 @@ export default class Support extends Component {
    */
   _handleImgError(e) {
     const imgNode = e.target;
-    console.error('Image failed to load:', imgNode.src);
     if (imgNode.getAttribute('src') === SmallIcon) return;
     imgNode.setAttribute('src', SmallIcon);
   }