Skip to content

Comments

Fix footer on home route & add social links#141

Open
gmarav05 wants to merge 1 commit intoOpenLake:mainfrom
gmarav05:fix-footer-year-social-links
Open

Fix footer on home route & add social links#141
gmarav05 wants to merge 1 commit intoOpenLake:mainfrom
gmarav05:fix-footer-year-social-links

Conversation

@gmarav05
Copy link

@gmarav05 gmarav05 commented Jan 27, 2026


name: "📦 Pull Request"
about: Submit changes for review
title: "PR: fixes footer on home route & add social links"
labels: ""
assignees: ""

📌 Related Issue


✨ Changes Introduced

  • Added clickable social media links in the footer
  • Fixed footer display issue on the home route
  • Improved accessibility for social icons

🤔 Why This Change?

  • Problem: Footer social icons were not clickable, the footer had display issues on the home page, and the year was outdated.
  • Solution: Wrapped social icons with anchor tags and corrected footer rendering.
  • Impact: Improves user experience and accessibility.

🖼️ Screenshots / Loom Video (if applicable)

Before After
[Image] [Image]

🧪 Testing

  • Ran unit tests (npm test)
  • Ran integration tests (npm run test:integration)
  • Tested manually (describe below):
    • Test case 1: [Steps + Expected Result]
    • Test case 2: [Steps + Expected Result]
  • Tested on different browsers/devices (if UI change)
  • Verified no console warnings/errors

📝 Documentation Updates

  • Updated README/docs
  • Added code comments
  • Updated API documentation (if applicable)
  • Added JSDoc comments for new functions

✅ Checklist

  • Created a new branch for PR
  • Have starred the repository ⭐
  • Follows JavaScript Styleguide
  • No console warnings/errors
  • Commit messages follow Git Guidelines
  • Self-reviewed my code
  • Added tests for new functionality
  • All tests pass locally
  • Code follows project conventions
  • No breaking changes (or clearly documented if intentional)

👥 Reviewers

  • Requested review from maintainers
  • Tag specific reviewers if needed: @username

🚀 Deployment Notes

  • Requires environment variables update
  • Requires database migration
  • Requires third-party service configuration
  • Breaking changes that need coordination

💬 Community & Support

Need help or want to discuss this PR?
Join our Discord community 👉 CanonForces Discord


💡 Additional Notes (If any)

Summary by CodeRabbit

  • New Features

    • Social media icons in the footer are now interactive links to external profiles, opening in new tabs with enhanced accessibility.
  • Bug Fixes

    • Corrected spelling error in footer text.
    • Updated copyright year to 2026.

✏️ Tip: You can customize this high-level summary in your review settings.

@vercel
Copy link

vercel bot commented Jan 27, 2026

@gmarav05 is attempting to deploy a commit to the aviralsaxena16's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link

🎉 Thanks for Your Contribution to CanonForces! ☺️

We'll review it as soon as possible. In the meantime, please:

  • ✅ Double-check the file changes.
  • ✅ Ensure that all commits are clean and meaningful.
  • ✅ Link the PR to its related issue (e.g., Closes #123).
  • ✅ Resolve any unaddressed review comments promptly.

💬 Need help or want faster feedback?
Join our Discord 👉 CanonForces Discord

Thanks again for contributing 🙌 – @gmarav05!
cc: @aviralsaxena16

@coderabbitai
Copy link

coderabbitai bot commented Jan 27, 2026

Walkthrough

Package dependencies updated to exact versions and React's automatic JSX runtime enabled. The Footer component gains clickable social media links, updated copyright year, and a typo fix.

Changes

Cohort / File(s) Summary
Dependency version pinning
package.json
Updated devDependencies: @types/node, @types/react, and typescript switched from caret ranges to exact versions
JSX compiler runtime
tsconfig.json
Changed compilerOptions.jsx from "preserve" to "react-jsx", enabling React's automatic JSX runtime
Footer component enhancements
src/common/components/Footer/Footer.tsx
Wrapped social icons with clickable anchor tags pointing to external profiles (includes target="_blank", rel="noopener noreferrer", aria-labels); updated copyright year from 2022 to 2026; corrected typo "paltform" to "platform"

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 Social links now shine so bright,
With proper tags and aria's light!
Versions pinned, the JSX flows,
Copyright's fresh as springtime grows!

🚥 Pre-merge checks | ✅ 2 | ❌ 1
❌ Failed checks (1 warning)
Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (2 passed)
Check name Status Explanation
Title check ✅ Passed The title directly addresses the main changes: fixing the footer on home route and adding social links, matching the primary modifications in Footer.tsx.
Description check ✅ Passed The description includes most template sections with relevant details: related issue, changes introduced, problem/solution/impact, and testing checklist. However, testing verification and screenshots remain incomplete.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing touches
  • 📝 Generate docstrings
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

Actionable comments posted: 1

🤖 Fix all issues with AI agents
In `@src/common/components/Footer/Footer.tsx`:
- Around line 55-62: Update the placeholder Facebook anchor in Footer.tsx:
replace the href value on the anchor with the correct OpenLake Facebook page URL
(use the org's canonical Facebook URL), ensure the anchor with
aria-label="Facebook" wraps the BsFacebook icon, and fix indentation to match
the other social links (Twitter/LinkedIn/Instagram) so attributes and the
closing </a> align consistently.
🧹 Nitpick comments (2)
package.json (1)

48-50: Inconsistent version pinning strategy for React types.

@types/react is pinned to an exact version (19.2.10) while @types/react-dom at line 50 still uses a caret range (^19.2.2). These packages should stay in sync to avoid type mismatches. Consider applying the same pinning strategy to both.

Proposed fix
     "@types/node": "24.10.9",
     "@types/react": "19.2.10",
-    "@types/react-dom": "^19.2.2",
+    "@types/react-dom": "19.2.10",
src/common/components/Footer/Footer.tsx (1)

69-69: Consider using a dynamic year to avoid future maintenance.

Hardcoding the year means it will become outdated again. Using new Date().getFullYear() ensures it's always current.

Proposed fix
       <div className={styles.footer__rights}>
-        <h3> `@2026` Canonforces Pvt. Ltd. All Rights Reserved </h3>
+        <h3> @{new Date().getFullYear()} Canonforces Pvt. Ltd. All Rights Reserved </h3>
       </div>

Comment on lines +55 to +62
<a
href="https://www.facebook.com"
target="_blank"
rel="noopener noreferrer"
aria-label="Facebook"
>
<BsFacebook size="1.5em" />
</a>
Copy link

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟡 Minor

🧩 Analysis chain

🏁 Script executed:

cat -n src/common/components/Footer/Footer.tsx | sed -n '28,63p'

Repository: OpenLake/canonforces

Length of output: 1336


🌐 Web query:

OpenLake IIT Bhilai Facebook page

💡 Result:

I couldn’t find any public/official Facebook page for OpenLake (IIT Bhilai) via web search. The public official presence I could verify is:

If you still want to check Facebook directly, try this Facebook search:

https://www.facebook.com/search/pages?q=OpenLake%20IIT%20Bhilai

Citations:


Facebook link appears to be a placeholder with inconsistent indentation.

The Facebook link points to the generic https://www.facebook.com instead of a specific organization page like the other social links. Additionally, the anchor tag attributes and closing tag have inconsistent indentation compared to the Twitter, LinkedIn, and Instagram links above it.

Proposed fix
             <a
-            href="https://www.facebook.com"
+              href="https://www.facebook.com/[correct-page]"
               target="_blank"
               rel="noopener noreferrer"
               aria-label="Facebook"
             >
               <BsFacebook size="1.5em" />
-          </a>
+            </a>

Determine the correct OpenLake Facebook page URL and update accordingly to match the pattern of other social links.

🤖 Prompt for AI Agents
In `@src/common/components/Footer/Footer.tsx` around lines 55 - 62, Update the
placeholder Facebook anchor in Footer.tsx: replace the href value on the anchor
with the correct OpenLake Facebook page URL (use the org's canonical Facebook
URL), ensure the anchor with aria-label="Facebook" wraps the BsFacebook icon,
and fix indentation to match the other social links (Twitter/LinkedIn/Instagram)
so attributes and the closing </a> align consistently.

Copy link
Member

@aviralsaxena16 aviralsaxena16 left a comment

Choose a reason for hiding this comment

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

Thanks for the contribution @gmarav05 , I will review it soon

@gmarav05
Copy link
Author

Thanks for the contribution @gmarav05 , I will review it soon

Sorry i didn't check the Revamp issue that is in working progress. if this issue is conflicting with #121 Where the footer was mentioned for an update. please let me know, Thank you for the review.

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.

2 participants