Skip to content

fix: シフトボード一覧(PC)を月曜始まりの固定週グリッドに#344

Merged
yn1323 merged 2 commits intodevelopfrom
claude/fix-shift-board-monday-DSkGt
Apr 20, 2026
Merged

fix: シフトボード一覧(PC)を月曜始まりの固定週グリッドに#344
yn1323 merged 2 commits intodevelopfrom
claude/fix-shift-board-monday-DSkGt

Conversation

@yn1323
Copy link
Copy Markdown
Owner

@yn1323 yn1323 commented Apr 19, 2026

募集開始曜日に合わせて週が区切られていたため、カレンダー感覚と
合わず視認性が悪かった。常に月曜〜日曜の 7 列で揃うように変更し、
期間外セルは薄色+クリック無効で、日別ビューへ遷移しないようにした。

  • dateUtils に buildWeeklyGrid / getWeekStartDate / WeekStart を追加
    (デフォルトは月曜起算、Props で日曜起算も選べる)
  • PC OverviewView を weekly grid ベースに刷新
  • 期間外ヘッダーは opacity 0.35・cursor default、ボディは常に '—'
  • 週ラベルと (N 日) は期間内日付のみを参照
  • MidWeekStart / SundayStart の Story と dateUtils のテストを追加

募集開始曜日に合わせて週が区切られていたため、カレンダー感覚と
合わず視認性が悪かった。常に月曜〜日曜の 7 列で揃うように変更し、
期間外セルは薄色+クリック無効で、日別ビューへ遷移しないようにした。

- dateUtils に buildWeeklyGrid / getWeekStartDate / WeekStart を追加
  (デフォルトは月曜起算、Props で日曜起算も選べる)
- PC OverviewView を weekly grid ベースに刷新
- 期間外ヘッダーは opacity 0.35・cursor default、ボディは常に '—'
- 週ラベルと (N 日) は期間内日付のみを参照
- MidWeekStart / SundayStart の Story と dateUtils のテストを追加
@github-actions
Copy link
Copy Markdown
Contributor

@github-actions
Copy link
Copy Markdown
Contributor

📊 Playwright Test Report

テスト結果: 失敗

4 passed / 1 failed / 0 skipped

Status Test
prepare Clerk testing token and sign in
もっと見る・すべて表示でデータが段階的に表示される
初回セットアップからシフト確定まで
未提出→提出→修正→再提出のハッピーパス
締切後の表示確認

View Report

デプロイ先: https://github.com/yn1323/hosting-pages

@github-actions
Copy link
Copy Markdown
Contributor

📊 Playwright Test Report

テスト結果: 失敗

4 passed / 1 failed / 0 skipped

Status Test
prepare Clerk testing token and sign in
もっと見る・すべて表示でデータが段階的に表示される
初回セットアップからシフト確定まで
未提出→提出→修正→再提出のハッピーパス
締切後の表示確認

View Report

デプロイ先: https://github.com/yn1323/hosting-pages

OverviewView は viewMode に関わらず display:none で常にマウントされる
ため、初回は shiftConfigAtom がデフォルト値 (dates:[]) で、weeks が空
配列 → useState(initialOpen) が {} を保持したままになる。dates 投入後
に weeks が再計算されても state は初期化時の空オブジェクトのまま残り、
open[wi] が undefined → WeekTable が描画されず <table> 要素が DOM に
出ない。結果として「一覧ビューで田中太郎のテーブルを見つける」E2E が
失敗していた。

open を「閉じているインデックスだけ false を持つ」意味に変更し、
未登録インデックスはデフォルトで開とみなすようにした。初期 state は
単に {} で済むため useMemo で initialOpen を構築する必要もない。
@github-actions
Copy link
Copy Markdown
Contributor

@github-actions
Copy link
Copy Markdown
Contributor

📊 Playwright Test Report

テスト結果: 成功

5 passed / 0 failed / 0 skipped

Status Test
prepare Clerk testing token and sign in
もっと見る・すべて表示でデータが段階的に表示される
初回セットアップからシフト確定まで
未提出→提出→修正→再提出のハッピーパス
締切後の表示確認

View Report

デプロイ先: https://github.com/yn1323/hosting-pages

@yn1323 yn1323 merged commit 467088b into develop Apr 20, 2026
15 checks passed
@yn1323 yn1323 deleted the claude/fix-shift-board-monday-DSkGt branch April 20, 2026 03:16
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.

2 participants