Webフォームから届いた問い合わせを一覧で確認し、担当者や対応状況を管理できる画面をReactとTypeScriptで設計しました。未対応、対応中、完了の状態を分かりやすく表示し、検索や絞り込みにも対応します。
詳細画面では問い合わせ内容、対応履歴、社内メモを時系列で確認できます。ステータス変更や削除には確認表示を設け、誤操作を防ぐUIにしています。
一覧、検索条件、詳細、入力フォームを独立したコンポーネントに分けました。APIレスポンスとフォームデータの型を統一し、機能追加時の不整合を減らしています。