✨ 💄 ダッシュボード下部を作成した (#49)

[AyumuOgasawara]

概要

ダッシュボードの下部を作成した

関連タスク

Closes #49

動作確認

実装詳細(コミット順ではない)

レイアウト

• 💄 上部ダッシュボードのmarginを変更し、レイアウトを変更 (49)
• 💄 ダッシュボードのレイアウトを整えた
• 💄 BarChartの色を変更 (49)
• 💄 グラフの表示が遅い際にLoadingが表示されるようにした (49)

DB

• ✨ カテゴリーを取得する関数を追加 (49)
• ✨ カテゴリーをid順で取得できるようにした (49)

グラフ

• ✨ 予算と出費のグラフを追加(dataは仮) (49)
• ♻️ UpperDashbordのpropsをトップページから持ってくるようにした (49)
• ♻️ LowerDashbordをPropsをとるように実装 (49)
• ✨ カテゴリーを取得して、カテゴリー毎の予算と出費をdatasetに入れた (49)

構成 && ルール

• 🚚 Dashbordをdashbordに変更 (49)
• ♻️ dashbordディレクトリにindexをつけてexportできるようにした (49)
• 🚚 DoughnutPieChartに名前を変更 (https://github.com/AyumuOgasawara/receipt-scanner/issues/49[)](https://github.com/AyumuOgasawara/receipt-scanner/commit/dfc628f1b0c055daf11714d1918240abfad67853)
• ♻️ アロー関数に統一 (49)

パフォーマンス

⚡️ DBからデータを取得の際にcacheを残すようにした (49)

その他

• ✏️ upperのタイポを修正 (49)