Add clear button (✕) to search input 🔍
メンテナーはふだん 2 日以内に返信
関連するプルリクエストがすでにマージされています。
- #618 @tu-lasizzzz による — マージ済み
評価
- 難易度
- 1/5
- 見積もり時間
- 1〜3時間
- 初心者へのやさしさ
- 88/100
- issue の種類
- 機能追加
- 明瞭さ
- 明確に書かれている
- 活発さ
- 活発
- 技術スタック
- javascript, react, tailwindcss
- 領域
- frontend
調査の方向性
client/src/pages/Dashboard.jsx から始めて、searchQuery にバインドされている検索入力欄を見つけます。クエリに値があるときに表示され、クリックするとクエリをクリアするコントロールを追加します。issue の例に従ってください。検索が空でない場合にのみコントロールが表示され、クリックすると検索がクリアされることを確認します。
索引モデルが issue の本文から書いたものです。
説明
Add clear button (✕) to search input 🔍
File: client/src/pages/Dashboard.jsx
When search has text there's no quick
way to clear it 💀 have to backspace fr!!
Fix: show clear button when search has value:
setSearchQuery(e.target.value)} placeholder="Search tasks..." className="..." /> {searchQuery && ( setSearchQuery('')} className="absolute right-2 top-1/2 -translate-y-1/2 text-[#555] hover:text-[#aaa] transition text-xs"> ✕ )}~8 lines! No backend needed 🎯
- 主要言語
- JavaScript
- スター
- 39
- フォーク
- 105
- 平均マージ
- 1日 18時間
- マージ済み PR（30日）
- 37
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
anoopcodehack/DevBoard のほかの issue
-
Add smooth horizontal scroll on board 🖱️対応中かも @nikhil9verma が 1 日前に担当しました。 オープンgood first issue
難易度 1/5 1〜3時間 初心者へのやさしさ 85/100
anoopcodehack/DevBoard#615 · コメント 2 件 ·
メンテナーはふだん 2 日以内に返信
-
Show task creation date in modal footer 📅対応中かも @nikhil9verma が 1 日前に担当しました。 オープンgood first issue
難易度 1/5 1〜3時間 初心者へのやさしさ 90/100
anoopcodehack/DevBoard#614 · コメント 1 件 ·
メンテナーはふだん 2 日以内に返信
-
Truncate long custom column names gracefully ✂️対応中かも @nikhil9verma が 2 日前に担当しました。 オープンgood first issue
難易度 1/5 1時間未満 初心者へのやさしさ 95/100
anoopcodehack/DevBoard#613 · コメント 3 件 · 担当者 1 名 ·
メンテナーはふだん 2 日以内に返信
-
good first issue
難易度 1/5 1時間未満 初心者へのやさしさ 85/100
anoopcodehack/DevBoard#612 ·
メンテナーはふだん 2 日以内に返信
-
enhancement good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
anoopcodehack/DevBoard#609 ·
メンテナーはふだん 2 日以内に返信
anoopcodehack/DevBoard の issue をすべて見る
似ている issue
-
clawsweeper:fix-shape-clear clawsweeper:queueable-fix clawsweeper:source-repro impact:ux-friction issue-rating: 🦞 diamond lobster no-stale P2
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
openclaw/openclaw-enterprise#2571 · コメント 1 件 · リアクション 1 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
fabriziosalmi/certmate#1247 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
bradymholt/cRonstrue#427 ·
メンテナーはふだん 1 日以内に返信
-
internal
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
frostney/GocciaScript#1715 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
メンテナーはふだん 2 日以内に返信