昨日記事書けなかったので今日書きます。

概要

• 配色の変更
• react-sticky-footerの導入
• フレーム解除
• 試合結果ページ内の選手へのリンク追加

配色の変更

カード型コンテンツの配色パターンの決め方があったので参考にしてだいぶ改良しました。アクセントカラーはどこに置けばいいかわからずに結局すごく目立つところに置いてます。

react-sticky-footer

react-sticky-footer
コピーライトとかの表記ですね。
フッタがスクロール中は半透明になり、一番下までいくと指定したスタイルで見える、というコンポーネントです。

フレーム解除

reactのwindow.locationではページをフレーム内で表示していても、現在ブラウザがどこで表示しているか判定できないようだったので結局public/index.htmlにべた書きしました。

    <script type="text/javascript">
      if (top!=self) {
         top.location.href=self.location.href;
      }
    </script>  

試合結果ページから選手ページへのリンク

勝利・敗戦・セーブ・HRを記録した選手に選手ページへのリンクを追加しました。これでトップページ(試合開催日一覧)→試合結果→選手個人ページへの導線まではできたことになります。
肝心のスタッツが独立しているという。