ステータス詳細ページのUIの改善と脆弱性テーブルにパッケージマネージャー情報を追加 #777
Draft
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…Table and TicketTableRow to include package manager column
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
PR の目的
ステータス詳細ページのUIを改善し、脆弱性テーブルにパッケージマネージャー情報を追加します。
経緯・意図・意思決定
従来のステータス詳細ページでは、パッケージ名とリポジトリ名（エコシステム）が
package:ecosystemのように連結して表示されており、視認性が低いという課題がありました。また、脆弱性（Ticket）を一覧で確認する際、どのパッケージマネージャー（例:
pip, pipenv, npm）に起因するものかをテーブル上で即座に把握できず、調査に一手間かかっていました。これらの課題を解決するため、以下のようにUIの改修をします。
ステータス詳細ページの表示改善 (PackagePage.jsx)
<Chip>コンポーネントを用いてラベルとして隣に表示する形式に変更しました。これにより、それぞれの情報が明確に区別され、見やすさが向上します。脆弱性テーブルへの情報追加 (TicketTable.jsx, TicketTableRow.jsx)
API関連
現状、画面表示に必要なパッケージのリポジトリ名やパッケージマネージャー名は、以下のモックデータを定義しています。
PackagePage.jsxpackageName:"setuptools"packageEcosystem:"pypi"TicketTableRow.jsxpackageManager:"pipenv"コード内には
TODOコメントを記載しています。