Sponsors page design update #465

meetoza30 · 2025-08-30T17:04:15Z

Description

Updated the design of the page so that it matches with the design of the others pages..

Fixes #457

Type of Change

New feature (e.g., new page, component, or functionality)
Bug fix (non-breaking change that fixes an issue)
[*] UI/UX improvement (design, layout, or styling updates)
Performance optimization (e.g., code splitting, caching)
Documentation update (README, contribution guidelines, etc.)
Other (please specify):

Changes Made

Made it responsive and updated the design.

@sanjay-kv when will i get sponsorship? 😅

video of the design: https://drive.google.com/file/d/1UYf59U7B4w20rsUm23noWf94YuuvGi3U/view?usp=sharing

Dependencies

No extra dependencies.

Checklist

[*] My code follows the style guidelines of this project.
[*] I have tested my changes across major browsers/devices
[*] My changes do not generate new console warnings or errors , I ran npm run build and attached scrrenshot in this PR.
[*] This is already assigned Issue to me, not an unassigned issue.

vercel · 2025-08-30T17:04:19Z

@meetoza30 is attempting to deploy a commit to the recode Team on Vercel.

A member of the Team first needs to authorize it.

github-actions · 2025-08-30T17:04:22Z

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. The estimated time for response is 5–8 hrs.

In the meantime, please provide all necessary screenshots and make sure you run - npm build run , command and provide a screenshot, a video recording, or an image of the update you made below, which helps speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your PR goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent 20 contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Your perks for contribution to this community 👇🏻

Get free Consultation use code recode50 to get free: Mentorship for free.
Get the Ebook for free use code recode at checkout: Data Science cheatsheet for Beginners.
Check out this weekly Newsletter: Sanjay's Newsletter.

If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

Copilot

Pull Request Overview

This PR redesigns the sponsors page to match the design consistency of other pages in the project. It transforms the sponsors page from a tab-based layout to a modern, responsive design with enhanced visual elements and improved user experience.

Complete redesign of the sponsors page with a modern, gradient-based UI matching other project pages
Replaced tab-based navigation with toggle buttons for better mobile experience
Enhanced sponsor cards with improved styling, better avatar handling, and social media integration

Reviewed Changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 6 comments.

File	Description
src/pages/our-sponsors/index.tsx	Complete rewrite of the main sponsors page component with new filtering logic, enhanced UI components, and improved data processing
src/pages/our-sponsors/Sponsors.css	Comprehensive CSS redesign with modern styling, animations, responsive design, and theme-consistent colors
src/pages/our-sponsors/SponsorCard/index.tsx	Enhanced sponsor card component with better error handling, avatar fallbacks, and improved social links display
src/pages/our-sponsors/SponsorCard/SponsorCard.css	New CSS file for sponsor card styling with modern design elements, animations, and responsive features

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

Copilot · 2025-08-31T09:21:10Z

src/pages/our-sponsors/index.tsx

+  // // Enhanced function to determine tier based on description and profile strength
+  // const determineTier = (sponsor: any): 'platinum' | 'gold' | 'silver' | 'bronze' => {
+  //   const description = sponsor.description.toLowerCase();
+  //   const socialCount = [sponsor.github, sponsor.linkedin, sponsor.twitter, sponsor.instagram].filter(Boolean).length;
+
+  //   // Platinum tier - Directors, Team leads, Major organizations
+  //   if (description.includes('director') || 
+  //       description.includes('team lead') || 
+  //       description.includes('founder') ||
+  //       sponsor.name === 'Homebrew' ||
+  //       sponsor.name === 'GSSOC' ||
+  //       sponsor.name === 'Sarah Drasner' ||
+  //       sponsor.name === 'Eduardo San Martin' ||
+  //       sponsor.name === 'Razvan Stoenescu') {
+  //     return 'platinum';
+  //   }
+
+  //   // Gold tier - Senior developers, Engineers, Multi-social presence
+  //   if (description.includes('engineer') || 
+  //       description.includes('developer at') ||
+  //       description.includes('sde at') ||
+  //       description.includes('devops') ||
+  //       description.includes('co-founder') ||
+  //       socialCount >= 3) {
+  //     return 'gold';
+  //   }
+
+  //   // Silver tier - Developers, Interns, Students at prestigious institutions
+  //   if (description.includes('developer') || 
+  //       description.includes('intern') ||
+  //       description.includes('iit') ||
+  //       description.includes('iiit') ||
+  //       socialCount >= 2) {
+  //     return 'silver';
+  //   }
+
+  //   // Bronze tier - Default
+  //   return 'bronze';
+  // };



Large block of commented-out code should be removed. If this functionality might be needed in the future, consider using version control history or creating a separate feature branch instead of leaving commented code in the main codebase.

Copilot · 2025-08-31T09:21:11Z

src/pages/our-sponsors/Sponsors.css

+  width: 100%;
+  padding: 16px 16px 16px 48px;
+  background: rgba(255, 255, 255, 0.1);
+  background-color: purple;


This hardcoded purple background color conflicts with the design system and appears to be debugging code that was accidentally left in. It should be removed or replaced with the appropriate design token.

Suggested change

background-color: purple;

Copilot · 2025-08-31T09:21:11Z

src/pages/our-sponsors/Sponsors.css

-    background-color: #e4405f;
+.search-input:focus {
+  outline: none;
+  color: black;


Hardcoded black color breaks the dark theme design. This should use the appropriate CSS custom property or design token that respects the theme system.

Suggested change

color: black;

color: var(--text-color);

Copilot · 2025-08-31T09:21:11Z

src/pages/our-sponsors/SponsorCard/index.tsx

 }) => {
+  // ✅ FIXED: Handle undefined/empty names safely


Comment references 'FIXED' which suggests this was debugging/development commentary that should be cleaned up. The comment should be more descriptive of what the function does rather than referencing the fix status.

Suggested change

// ✅ FIXED: Handle undefined/empty names safely

// Returns the initials of the sponsor's name, handling undefined or empty names safely.

Copilot · 2025-08-31T09:21:12Z

src/pages/our-sponsors/SponsorCard/index.tsx

+      .toUpperCase() || 'UN'; // Fallback if no valid characters
+  };
+
+  // ✅ FIXED: Validate social links more safely


Same issue as above - 'FIXED' reference should be removed and replaced with a more descriptive comment about the function's purpose.

Suggested change

// ✅ FIXED: Validate social links more safely

// Build an array of valid social media links for the sponsor, filtering out empty or placeholder URLs

Copilot · 2025-08-31T09:21:12Z

src/pages/our-sponsors/SponsorCard/index.tsx

+    { url: instagram, icon: FaInstagram, label: 'Instagram', color: '#E4405F' },
+  ].filter(link => link.url && link.url !== '#' && link.url.trim() !== '');
+
+  // ✅ FIXED: Ensure name and description are always strings


Same issue - development commentary with 'FIXED' should be cleaned up and replaced with proper documentation about the safety checks being performed.

Suggested change

// ✅ FIXED: Ensure name and description are always strings

// Provide default values for name and description to ensure they are always strings.

// This prevents rendering issues if these props are missing or undefined.

vercel · 2025-08-31T09:21:13Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
recode-website	Ready	Preview	Comment	Aug 31, 2025 9:22am

sanjay-kv · 2025-08-31T09:32:23Z

@meetoza30 loved your dev.
by 15th Next month you can expect the sponsorship

…e-update" This reverts commit 0547010, reversing changes made to fff6a43.

meetoza30 added 2 commits August 30, 2025 22:02

updated the design of the /our-sponsors page

c591c10

fixed bugs

323926c

sanjay-kv requested a review from Copilot August 31, 2025 09:19

sanjay-kv approved these changes Aug 31, 2025

View reviewed changes

Copilot AI reviewed Aug 31, 2025

View reviewed changes

vercel bot deployed to Preview August 31, 2025 09:22 View deployment

sanjay-kv merged commit 0547010 into recodehive:main Aug 31, 2025
4 checks passed

sanjay-kv assigned meetoza30 Aug 31, 2025

sanjay-kv added gssoc25 level 2 labels Aug 31, 2025

sanjay-kv added this to @recode-web Aug 31, 2025

sanjay-kv moved this to In Progress in @recode-web Aug 31, 2025

sanjay-kv added this to the recode:launch 3.0 milestone Aug 31, 2025

Adez017 mentioned this pull request Sep 2, 2025

Fixed visiblity of text on teh sponsors page dark mode #464

Open

10 tasks

Adez017 added a commit to Adez017/recode-website that referenced this pull request Sep 2, 2025

Revert "Merge pull request recodehive#465 from meetoza30/sponsors-pag…

597a17c

…e-update" This reverts commit 0547010, reversing changes made to fff6a43.

Adez017 mentioned this pull request Sep 2, 2025

Revert "Merge pull request #465 from meetoza30/sponsors-page-update" #473

Open

9 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Sponsors page design update #465

Sponsors page design update #465

meetoza30 commented Aug 30, 2025

Uh oh!

vercel bot commented Aug 30, 2025

Uh oh!

github-actions bot commented Aug 30, 2025

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Aug 31, 2025

Uh oh!

Copilot AI Aug 31, 2025

Uh oh!

Copilot AI Aug 31, 2025

Uh oh!

Copilot AI Aug 31, 2025

Uh oh!

Copilot AI Aug 31, 2025

Uh oh!

Copilot AI Aug 31, 2025

Uh oh!

vercel bot commented Aug 31, 2025 •

edited

Loading

Uh oh!

Uh oh!

sanjay-kv commented Aug 31, 2025

Uh oh!

Uh oh!

	// ✅ FIXED: Handle undefined/empty names safely
	// Returns the initials of the sponsor's name, handling undefined or empty names safely.

	// ✅ FIXED: Validate social links more safely
	// Build an array of valid social media links for the sponsor, filtering out empty or placeholder URLs

	// ✅ FIXED: Ensure name and description are always strings
	// Provide default values for name and description to ensure they are always strings.
	// This prevents rendering issues if these props are missing or undefined.

Sponsors page design update #465

Sponsors page design update #465

Conversation

meetoza30 commented Aug 30, 2025

Description

Type of Change

Changes Made

Dependencies

Checklist

Uh oh!

vercel bot commented Aug 30, 2025

Uh oh!

github-actions bot commented Aug 30, 2025

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Reviewed Changes

Uh oh!

Copilot AI Aug 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Aug 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Aug 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Aug 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Aug 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Aug 31, 2025

Choose a reason for hiding this comment

Uh oh!

vercel bot commented Aug 31, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

sanjay-kv commented Aug 31, 2025

Uh oh!

Uh oh!

vercel bot commented Aug 31, 2025 •

edited

Loading