Skip to content

Add social media icons to ContributorsFooter - #123

Open
ParthBhuptani wants to merge 2 commits into
Sahilll94:mainfrom
ParthBhuptani:feature/add-social-icons-contributors-footer
Open

Add social media icons to ContributorsFooter#123
ParthBhuptani wants to merge 2 commits into
Sahilll94:mainfrom
ParthBhuptani:feature/add-social-icons-contributors-footer

Conversation

@ParthBhuptani

Copy link
Copy Markdown
Contributor

This PR adds social media icons (GitHub, LinkedIn, X, Website) to the ContributorsFooter.

Changes:

  • Added social links configurations
  • Included hover effects consistent with existing UI
  • Ensured accessibility with titles and external links

This follows the maintainer's note regarding adding social links to the contributors footer.

Closes #108

Added social media icons (GitHub, LinkedIn, X, and Website) to the ContributorsFooter component.
Includes hover effects for better UI consistency.
Copilot AI review requested due to automatic review settings February 4, 2026 12:22
@vercel

vercel Bot commented Feb 4, 2026

Copy link
Copy Markdown

@ParthBhuptani is attempting to deploy a commit to the Sahil's projects Team on Vercel.

A member of the Team first needs to authorize it.

@gemini-code-assist

Copy link
Copy Markdown
Contributor

Summary of Changes

Hello @ParthBhuptani, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request enhances the ContributorsFooter component by integrating social media links for GitHub, LinkedIn, X, and a personal website. The update aligns with maintainer notes, improving the footer's utility by providing more ways to connect, while also ensuring the new elements are visually consistent and accessible within the application's design.

Highlights

  • Social Media Integration: Added new social media icons for LinkedIn, X (formerly Twitter), and a personal website to the ContributorsFooter component.
  • Icon Library Update: Updated icon imports to include FaGlobe from react-icons/fa and FaXTwitter from react-icons/fa6, replacing the old FaTwitter icon.
  • Configuration and Styling: Configured new social links with their respective URLs and hover styling, ensuring visual consistency with existing UI elements.
Changelog
  • src/components/Footer/ContributorsFooter.jsx
    • Updated icon imports: FaTwitter was replaced by FaXTwitter, and FaGlobe was added to support the new social links.
    • Extended the socialLinks array to include configurations for LinkedIn, X (formerly Twitter), and a personal website, each with its icon, URL, and specific hover color styling.
Activity
  • No human activity (comments, reviews, etc.) has been recorded for this pull request yet.
Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR adds social media icons (GitHub, LinkedIn, X, Website) to the Contributors page footer to maintain consistency with the Landing page footer, addressing issue #108. The implementation adds a social links configuration array and ensures the icons are rendered in the footer with appropriate hover effects and accessibility attributes.

Changes:

  • Added imports for FaGlobe and FaXTwitter icons
  • Extended the socialLinks array with LinkedIn, X (Twitter), and Website entries
  • Removed unused FaTwitter import

Comment thread src/components/Footer/ContributorsFooter.jsx Outdated
Comment thread src/components/Footer/ContributorsFooter.jsx Outdated
Comment thread src/components/Footer/ContributorsFooter.jsx Outdated
Comment thread src/components/Footer/ContributorsFooter.jsx Outdated
Comment thread src/components/Footer/ContributorsFooter.jsx Outdated

@gemini-code-assist gemini-code-assist Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request adds social media icons to the ContributorsFooter. The implementation is straightforward, but there are a couple of critical syntax errors due to missing quotes in the socialLinks array that will break the component. I've provided suggestions to fix them. Additionally, I've included a medium-severity suggestion to improve maintainability by centralizing the hardcoded URLs.

Comment thread src/components/Footer/ContributorsFooter.jsx Outdated
Comment thread src/components/Footer/ContributorsFooter.jsx Outdated
Comment thread src/components/Footer/ContributorsFooter.jsx
@ParthBhuptani

Copy link
Copy Markdown
Contributor Author

Hi @Sahilll94 ,

I have resolved the merge conflicts and addressed the syntax issues mentioned in the review.

kindly review when you get time. Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE] Add social media icons to Contributors page footer

2 participants