計測ページのサイドバーで、サーバから取得したタスクグループを表示できるようにした

[kuniyuki-f]

issueURL

112

この PR で対応する範囲 / この PR で対応しない範囲

• 計測ページにてサーバで取得したタスクグループをサイドバーで表示できるようにした
• components/SideBar の Storybook にテスト用の args を設定した
• components/SideBar の jest のテストコードは今回は修正しない

Storybook の URL、 スクリーンショット

• SideBar https://63d52217f1430a5ad69846cd-gwxwaumqye.chromatic.com/?path=/story/components-sidebar--default
• TimerTemplate https://63d52217f1430a5ad69846cd-gwxwaumqye.chromatic.com/?path=/story/templates-timertemplate--default

変更点概要

下記やり取りから、今回は「pages/timer.tsxのgetServerSidePropsで取得したtaskGroupsをcomponents/layouts/DefaultLayout.tsxまで props で受け渡して実装」という手法を採用しました。

• https://github.com/commew/timelogger-web/issues/112#issuecomment-1708127018
• https://github.com/commew/timelogger-web/issues/112#issuecomment-1708355702
• https://github.com/commew/timelogger-web/issues/112#issuecomment-1708645995

レビュアーに重点的にチェックして欲しい点

ソースコードにコメントで記載します！

補足情報

本タスクの目的とは直接関係ありませんが、今回の変更で影響を受けたpages/index.tsx, pages/search.tsxもSideBar表示用にコードを修正しています！

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
timelogger-web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 7, 2023 10:29am