Skip to content

Expand the community platform cards - #11

Open
adminlip wants to merge 4 commits into
TechImmigrants:mainfrom
adminlip:fix/community-platform-links
Open

Expand the community platform cards#11
adminlip wants to merge 4 commits into
TechImmigrants:mainfrom
adminlip:fix/community-platform-links

Conversation

@adminlip

Copy link
Copy Markdown

This updates the community section to show all six Tech Immigrants platforms in a responsive card grid, including the Telegram channel and group, YouTube, LinkedIn, X/Twitter, and GitHub with the current stats and external links. I verified the production build with npm run build, checked the diff with git diff --check, and confirmed the expected platform links and displayed counts are present.

@SaharPak SaharPak 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.

Good refactor — the data-driven platforms[] array is a much cleaner pattern than the previous hardcoded cards. A few things to address before we merge.

Must Fix

  1. Twitter icon import (line 6)Twitter was deprecated/removed in recent lucide-react versions. This will break the build depending on the installed version. Replace with the X icon:

    import { X } from "lucide-react";
  2. LinkedIn href (line 46) — Links to a personal profile (linkedin.com/in/saharpak). Replace with the TechImmigrants community page:

    href: "https://linkedin.com/company/techimmigrants",
  3. X/Twitter href (line 55) — Links to a personal handle (x.com/saharlead). The Footer already uses the community account. Keep it consistent:

    href: "https://x.com/techimmigrants",

Should Fix

  1. Telegram channel icon — Radio (line 20)Radio doesn't visually convey "Telegram". Consider using Send (paper-plane) which is the recognized Telegram symbol, and keep MessageCircle for the group.

  2. LinkedIn & X/Twitter stats — "Follow" is a CTA, not a stat. Show the actual follower counts:

    // LinkedIn
    stat: "+۹۰۰۰ فالوور",
    // X/Twitter
    stat: "+۱۰۰۰۰ فالوور",
  3. YouTube stat (line 36) — Show subscriber count instead of episode count:

    stat: "+۱۰۰۰۰ سابسکرایبر",
  4. GitHub stat (line 63)"۱۰ مخزن، مشارکت کنید" mixes a count with a CTA. Keep it clean — just "۱۰ مخزن". Move "مشارکت کنید" to the description if needed.

  5. Stat icon in render template (line 113) — The Users icon is used for every card's stat row, but it doesn't fit YouTube (subscribers) or GitHub (repos). Consider a per-platform stat icon or a generic one like TrendingUp.

Nit

  1. Hardcoded stats — All stats are static strings that will go stale as the community grows. Add a comment at the top of the platforms array noting these need periodic manual updates, so future contributors know.

- Replace deprecated Twitter icon with X
- Fix LinkedIn and X/Twitter hrefs to point to community pages
- Use Send icon for Telegram channel instead of Radio
- Show actual follower/subscriber counts instead of CTAs
- Clean up GitHub stat to just the repo count
- Use TrendingUp as a universal stat icon
- Add note about hardcoded stats needing periodic updates
@SaharPak

Copy link
Copy Markdown
Contributor

Thanks for the solid refactor @adminlip — the data-driven platforms[] array is a much cleaner pattern.

I went ahead and pushed a commit to your branch addressing the review items:

  • Replaced the deprecated Twitter icon with X and Radio with Send (paper-plane)
  • Fixed the LinkedIn and X/Twitter hrefs to point to the community pages instead of personal profiles
  • Updated stats to show actual follower/subscriber counts
  • Cleaned up the GitHub stat and swapped the universal stat icon to TrendingUp
  • Added a note about the hardcoded stats

Build passes. Let me know if you have any questions about the changes.

SaharPak added 2 commits June 13, 2026 13:09
lucide-react's X icon is a close/cross glyph, not the X (Twitter) brand
mark, so the card rendered like a dismiss button. Swap in an inline SVG
of the official X logo that matches the icon component API.
Extract the inline X logo into a reusable XIcon component and use it in
the footer in place of the deprecated lucide Twitter bird, also pointing
the footer link at the X community account for consistency.
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