Replace the YouTube brand icon so lucide-react 1.x can be adopted
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 78/100
- issue の種類
- リファクタリング
- 明瞭さ
- 明確に書かれている
- 活発さ
- 活発
- 技術スタック
- github, nextjs, react, typescript
- 領域
- build-system, devtools, frontend
調査の方向性
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 の本文から書いたものです。
説明
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:
src/components/landing/latest-videos.tsx(import on line 2, used on lines 31 and 90)src/components/landing/why-us.tsx(import on line 5, used on line 64)
Because of this, .github/dependabot.yml skips lucide-react major updates.
What to do
- Replace
Youtubewith a generic icon that exists inlucide-react1.x (for example a play icon), or a small inline SVG. Keeparia-hidden="true", because the link text already says "YouTube". - Upgrade
lucide-reactto the latest 1.x withnpm install lucide-react@latestand fix any other renamed icons that the type check reports. - Remove the
lucide-reactrule from theignorelist 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分
- マージ済み PR（30日）
- 37
環境構築
- Dockerfile または Docker Compose ファイルあり
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
procoderji-com/procoderji のほかの issue
-
area:frontend bug
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
procoderji-com/procoderji#104 ·
メンテナーはふだん 1 日以内に返信
-
enhancement good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
procoderji-com/procoderji#36 ·
メンテナーはふだん 1 日以内に返信
-
enhancement good first issue
難易度 1/5 1〜3時間 初心者へのやさしさ 85/100
procoderji-com/procoderji#35 ·
メンテナーはふだん 1 日以内に返信
-
enhancement good first issue
難易度 1/5 1〜3時間 初心者へのやさしさ 79/100
procoderji-com/procoderji#34 ·
メンテナーはふだん 1 日以内に返信
-
enhancement good first issue
難易度 1/5 1〜3時間 初心者へのやさしさ 90/100
procoderji-com/procoderji#33 ·
メンテナーはふだん 1 日以内に返信
procoderji-com/procoderji の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
bug platform-android
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
Termix-SSH/Mobile#146 · コメント 1 件 ·
メンテナーはふだん 2 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
devswha/herdr-web-ui#3875 ·
-
難易度 1/5 1時間未満 初心者へのやさしさ 88/100
-
area: runtime chore cli consistency dependencies developer-experience difficulty: easy discovery documentation enhancement good first issue help wanted hygiene json-output packaging priority: P3 tests version
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信