内容的には昨日の進捗の続きです。

チーム順位サマリ

試合結果の右側のスペースが空いていたのもあり、
今シーズンのチーム上位3チームの成績を表示するようにしました。
テーブルコンポーネントは恒例のreact-bootstrap-table-nextです。

スタッツサマリの部門分け

打者部門・投手部門で見出しのスタイルを変えるようにしました。
茶色の見出しは内野の土の色、白い見出しはベースの色をイメージしています。
また、あくまでスタッツのサマリなので、詳細に誘導するようリンクを作成しました。
データの都合上、シーズンが変わると「最新のスタッツ」のシーズンIDが変わるので、設定に

export const CURRENT_SEASON_ID = 41

と定数を設定してやり、「最新のスタッツ」のAPIを呼び出す際に定数を参照できるようにしました。

componentDidMount(){
     fetchSeasonResult(CURRENT_SEASON_ID)
  }

フッタにサイトマップ実装

ハンバーガーメニューは一応用意しているのですが、
「気づきにくいかも」という指摘もいただいており、フッタにサイトマップを実装しました。

作っているサービス

https://jcblscore-react.netlify.com/
ぜひ感想やご意見・フィードバックをお寄せください。