近日開催のペアワークがメンター、アドバイザーのダッシュボードでも表示されるようにした

[mousu-a]

Issue

• [ペアプロ]ペアプロ募集をアプリ側でサポートする #4267

概要

ペアワーク機能にて、近日開催のペアワークが受講生のダッシュボードにしか表示されていなかったのでメンター、アドバイザーのダッシュボードでも表示されるようにしたPRです。

変更確認方法

1. bug/fix-upcoming-pair-worksをローカルに取り込む
2. kimuraでログイン
3. 新規作成にて各項目を入力し、ペアワークを作成
   1. スケジュールには、明日〜明後日辺りのどこかにチェックを入れてください（近日開催のペアワークの動作確認をするためです）
4. komagataでログイン
5. 先ほど作成したペアワークのページに行き、スケジュール表の✅をクリックし、ペア確定する
6. ダッシュボードにアクセスし、近日開催のペアワークが表示されているのを確認

7. bin/rails db:seedを実行する
8. advijirouでログイン
9. ダッシュボードにて、下にスクロールし、近日開催のペアワークが表示されているのを確認

Screenshot

変更前

変更後

Summary by CodeRabbit

リリースノート

• 新機能

  • アドバイザー／メンターダッシュボードに「今後のペアワーク」セクションを追加して予定を表示します。
  • 予約日時の表示に状態に応じた強調（当日の予約で重要表示）を導入しました。

• スタイル

  • フォームのチェックボックス無効時にグレーアウトと操作不可カーソルを適用しました。

• テスト

  • 上記表示ロジックを検証するユニットテストを追加しました。

• 雑務

  • テストデータの一部値を更新しました。

Flakewatch Report

Review App

• URL: https://bootcamp-pr-9755-fvlfu45apq-an.a.run.app
• Basic認証: fjord / (ステージングと同じ)
• PR更新時に自動で再デプロイされます。

[coderabbitai]

📝 Walkthrough

Walkthrough

アドバイザー／メンター用ダッシュボードに @upcoming_pair_works の存在時のみ upcoming_pair_works パーシャルを条件付きでレンダーする分岐を追加し、関連するビュー、ヘルパー、スタイル、フィクスチャ、テストを小規模に更新しました。

Changes

Cohort / File(s)	Summary
ダッシュボードビュー app/views/home/_adviser_dashboard.html.slim, app/views/home/_mentor_dashboard.html.slim	@upcoming_pair_works.present? をチェックして upcoming_pair_works パーシャルを条件付きでレンダーするブランチを追加。既存ブロックへの影響なし。
ペアワーク部分テンプレート app/views/home/_upcoming_pair_work.html.slim	開催日時表示の CSS/クラス指定を meta_label_by_status から meta_value_by_status(upcoming_pair_work) に変更し、表示クラスが条件で切り替わるように修正。
ヘルパー app/helpers/pair_works_helper.rb	新メソッド meta_value_by_status(upcoming_pair_work) を追加。予約が「今日」かどうかで返すメタ値のクラスを切り替えるロジックを実装。
スタイル調整 app/assets/stylesheets/shared/blocks/form/_form-table.css	.form-table__check:has(:disabled) などを追加し、disabled 状態の背景・カーソル・チェック表示を抑制するスタイルを導入。
フィクスチャ db/fixtures/pair_works.yml	pair_work3 の buddy 値を sotugyou から advijirou に変更。
テスト test/helpers/pair_works_helper_test.rb	meta_value_by_status の振る舞いを検証するテストを追加（通常時と予約当日の重要表示を確認）。

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Suggested reviewers

• komagata

Poem

🐰 ぴょんと跳ねてコードを描くよ、
ダッシュで窓がひらくよ、
ペアワークがそっと並ぶよ、
日が近ければ光るよ、
うさぎが祝う、小さな変化。

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	近日開催のペアワークがメンター・アドバイザーのダッシュボードでも表示されるようにした変更内容を適切に要約しており、主要な変更内容と目的が明確に伝わっている。
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Description check	✅ Passed	PRの説明はリポジトリのテンプレートに従い、Issue番号、概要、変更確認方法、スクリーンショット（変更前後）がすべて揃っている。

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch bug/fix-upcoming-pair-works

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

🧹 Nitpick comments (1)

app/views/home/_mentor_dashboard.html.slim (1)

28-29: この表示分岐は回帰テストで固定しておきたいです。

今回の不具合は role 別ダッシュボードでの描画漏れなので、mentor / adviser の両方で upcoming_pair_works が表示されることを view か system spec で1本押さえておくと再発防止になります。

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In `@app/views/home/_mentor_dashboard.html.slim` around lines 28 - 29,
追加された表示分岐（@upcoming_pair_works
をレンダリングする部分）がロール別ダッシュボードで漏れる不具合の元なので、ビューではなくテストで保証します：新しい system spec（例:
Dashboard as mentor and adviser）を追加して、ログインユーザーの role を mentor と adviser
に切り替えたそれぞれのケースでページを訪問し、部分テンプレート '_upcoming_pair_works' またはページ内に
`@upcoming_pair_works` に由来する固有のテキスト/セレクタが存在することを期待（have_selector / have_text
等）するアサーションを追加してください。テストは `@upcoming_pair_works` を事前に作成しておき、render
'upcoming_pair_works' を呼ぶ
view（_mentor_dashboard.html.slim）を対象に両ロールで表示されることを確認するようにします。

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Nitpick comments:
In `@app/views/home/_mentor_dashboard.html.slim`:
- Around line 28-29: 追加された表示分岐（@upcoming_pair_works
をレンダリングする部分）がロール別ダッシュボードで漏れる不具合の元なので、ビューではなくテストで保証します：新しい system spec（例:
Dashboard as mentor and adviser）を追加して、ログインユーザーの role を mentor と adviser
に切り替えたそれぞれのケースでページを訪問し、部分テンプレート '_upcoming_pair_works' またはページ内に
`@upcoming_pair_works` に由来する固有のテキスト/セレクタが存在することを期待（have_selector / have_text
等）するアサーションを追加してください。テストは `@upcoming_pair_works` を事前に作成しておき、render
'upcoming_pair_works' を呼ぶ
view（_mentor_dashboard.html.slim）を対象に両ロールで表示されることを確認するようにします。

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: ba872272-a3c9-4e3e-8f9d-4cd888b3a326

📥 Commits

Reviewing files that changed from the base of the PR and between e848542 and 9c4a267.

📒 Files selected for processing (3)

• app/views/home/_adviser_dashboard.html.slim
• app/views/home/_mentor_dashboard.html.slim
• db/fixtures/pair_works.yml

[mousu-a]

@machida
お疲れ様です！
ペアワーク機能にて、近日開催のペアワークが受講生のダッシュボードにしか表示されていなかったのでメンター、アドバイザーのダッシュボードでも表示されるようにしました。
こちらデザインの確認をお願いしたいです🙏

受講生

メンター、アドバイザー

メンター

アドバイザー

見てほしいところ

ウィンドウ幅が1026pxを超えると、↑のキャプチャのように下部に空白ができてしまうようです。

それ以下であればこの空白は発生しません。

---

現在メンターのダッシュボードのみ確認できているのですが、ウィンドウ幅を広げすぎるとこんな感じになってしまうようです。
（アドバイザー、受講生も構造的には同じだと思いますが、物理的になることがないという感じです

動作確認について

変更確認方法を試していただければ一通り確認できるようになっています🙏

[machida]

@mousu-a ありがとうございます！！確認します💪

[mousu-a]

@machida
ペアプロの追加機能がそろそろマージされそうなのでこちらお願いしたいです〜🙏

[machida]

@mousu-a すいません、こちら忘れてました！！
申し訳ないです🙇‍♂️他のPRと一緒に片付けたと勘違いしておりました

今日中に確認し、必要があればデザインの調整も行います。もう少しだけお待ちください🙇‍♂️

[machida]

@mousu-a お待たせしました！！

大事な情報なので、右上に配置しました。

あと、少しデザイン調整を行いました。

最新の main から rebase しましたー

[github-actions]

🚀 Review App

URL: https://bootcamp-pr-9755-fvlfu45apq-an.a.run.app

Basic認証: fjord / (ステージングと同じ)
PR更新時に自動で再デプロイされます。

[mousu-a]

@machida
対応ありがとうございます！！
確認させていただきます🙏

[mousu-a]

@komagata
こちらレビューをお願いします🙏

[mousu-a]

@machida
お疲れ様です！
こちらのデザイン部分のコンフリクト解消をお願いしてもいいですか🙏

こちらもご確認いただきたいです！
#9958 (comment)

[komagata]

@machida こちらのconflictの修正をお願いします〜

[machida]

@mousu-a 遅れてすいません🙇‍♂️コンフリクト解消しました！！

@komagata レビューお願いします🙏

[komagata]

確認させて頂きました。OKです〜🙆‍♂️