Skip to content

fix(web): Issue Cardのcontext menuにアイコンを表示 - #302

Merged
version-1 merged 2 commits into
mainfrom
fix/issue-card-context-menu-icons
Aug 1, 2026
Merged

fix(web): Issue Cardのcontext menuにアイコンを表示#302
version-1 merged 2 commits into
mainfrom
fix/issue-card-context-menu-icons

Conversation

@version-1

Copy link
Copy Markdown
Owner

Issue Cardのcontext menuにアイコンを表示

Summary

Issue Cardのcontext menuで、Storybookと実画面の双方に同じアイコン付きメニュー項目を表示します。

主な変更点:

  • ContextMenuItemに任意のアイコンを渡せるicon propを追加
  • Thread IDコピー、現在のステータス、遷移先ステータスに対応するアイコンを追加
  • Storybookと回帰テストをアイコン付き表示へ更新

やったこと

  • context menu itemをflex配置にし、アイコンとラベルの間隔を共通化
  • IconProxyを使い、コピーにはcopy、現在値にはcheck、遷移先にはcircleを表示
  • 任意のReactNodeを受け付ける既存のchildren契約を維持
  • menuitemごとのアイコン対応をテストで検証

動作確認

  • Issue Cardテスト(23件)
  • TypeScript型検査
  • Vite本番ビルド
  • Storybook静的ビルド

レビュー & 動作確認 チェックリスト

  • メニュー項目の対応 - コピー、現在値、遷移先に意図したアイコンが表示される
  • 状態表示 - disabled項目でもアイコンとラベルが同じ色に追従する
  • アクセシビリティ - アイコンが装飾要素として隠され、buttonのaria-labelが維持される

推奨テスト計画:

  1. Issue Cardの三点メニューを開く
  2. Thread IDコピー、現在のステータス、遷移先ステータスのアイコンを確認する
  3. StorybookのFeatures/Issues/Cardと実画面を比較する

その他気になることや相談ごと

なし

Add an optional icon slot to context menu items and use it for issue card copy and status actions. Update Storybook coverage and verify each issue action renders an SVG icon.\n\nVerified with the focused IssueCard test, TypeScript typecheck, Vite build, and Storybook build.
Preserve arbitrary ReactNode children in context menu items and assert the copy, current-status, and transition icon mappings explicitly.\n\nVerified with the focused IssueCard test and TypeScript typecheck.
@version-1
version-1 merged commit b039868 into main Aug 1, 2026
5 checks passed
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.

1 participant