good first issue
仓库指标
- Star
- (2 star)
- PR 合并指标
- (PR 指标待抓取)
描述
問題と再現方法の説明
- ブラウザの DevTools を開く
- ネットワークタブを開く
- 「キャッシュを無効化」にチェック
この状態で https://rucq-dev.trapti.tech/wa_wawa/info にアクセスすると、（もしあなたが @.akimon658 または @.lachite168 でなければ、）5秒ほど遅れてページ上部に以下のような表示がされるはずです
これは
- 自分が不参加で
- すでに参加登録が締め切られた合宿
について表示されます
表示の遅れは、裏で3度 /api/camps/4/me にアクセスをして、やっと諦めて「データが見つかりませんでした」と表示するという挙動をしているからです（DevTools のネットワークタブにも赤字の me がたくさん表示されている）
エンドポイント /api/camps/{campId}/me は「4番の合宿 = wa_wawa 合宿」の参加者が自身の情報を得るためのものなので、wa_wawa 合宿に参加していない場合はここにアクセスをかけてもすぐに 404 が返ってきます。404 が返ってきた時点で値がないとわかっているので、何度もリクエストを繰り返す意味はありません
加えて、そもそも「支払いに関する登録情報はありません」だとまるですでに合宿に参加してしまっているみたいなので、文面そのものも誤解を与えないように改善させたいところです
やってほしいこと
表示中の合宿に参加していない場合は「この合宿には参加していません」という文面が「即座に」表示されるようにしてください
補足
- 開発環境のフロントエンドから直接ステージングのバックエンドに接続して確かめるのがやりやすいです。README.md の Staging / Production API を使う方法 を参考にしてステージングに接続してください
- src/views/UserInfoView.vue および src/components/information/PaymentInfo.vue が特に見るべきコンポーネントです
- この問題には TanStack Query というライブラリの仕様が深く関係するので、それについて少し理解する必要があります