Replace the YouTube brand icon so lucide-react 1.x can be adopted

未關閉
#37 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

維護者通常 1 天內回覆

還沒有人認領這個 Issue。

評估

難度
3/5
預估耗時
1-2 天
新手友好度
78/100
Issue 類型
重構
描述清晰度
描述清楚
活躍度
活躍
技術堆疊
github, nextjs, react, typescript

研究方向

Start with src/components/landing/latest-videos.tsx and src/components/landing/why-us.tsx, where the removed Youtube icon is imported and used. Replace it with an icon available in lucide-react 1.x, upgrade the package, then run npm run typecheck to find any other renamed icons. Remove the lucide-react ignore rule from .github/dependabot.yml; done when lint, typecheck, tests, and build pass.

由索引模型根據 Issue 內容生成。

描述

dependencies good first issue

Problem

lucide-react 1.x removed brand icons, including the Youtube icon. The site still imports it, so the 1.x upgrade fails to type-check:

Because of this, .github/dependabot.yml skips lucide-react major updates.

What to do

  1. Replace Youtube with a generic icon that exists in lucide-react 1.x (for example a play icon), or a small inline SVG. Keep aria-hidden="true", because the link text already says "YouTube".
  2. Upgrade lucide-react to the latest 1.x with npm install lucide-react@latest and fix any other renamed icons that the type check reports.
  3. Remove the lucide-react rule from the ignore list in .github/dependabot.yml.

Check your change

npm run lint
npm run typecheck
npm test
npm run build

Add a screenshot of the home page "Why us" section to the pull request.

Leave a comment here when you start. See CONTRIBUTING.md for setup.

主要語言
TypeScript
星號
1
分支
1
平均合併
8 小時 58 分鐘
30 天內合併 PR
37

環境準備

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

procoderji-com/procoderji 的其他 Issue

查看 procoderji-com/procoderji 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。