ElapsedDaysをReactから素のJSに置き換えた

[harada-webdev]

Issue

• ElapsedDays.jsxを非React化したい #8355

概要

未アサインの提出物で表示されている、提出されてから何日経過しているかを示すナビゲーションメニューのコードを非Reactし、素のJSに置き換えました。

確認方法

1. mainブランチでforeman start -f Procfile.devを実行して開発環境を立ち上げる
2. ユーザー名komagata、パスワードtesttestでログインする
3. 未アサインの提出物に移動する
4. 以下の画像の例のように、画面の右側に提出の経過日数を示すナビゲーションメニューが表示されていることを確認する
5. 後でchore/replace-elapsed-days-with-vanilla-jsで表示されている内容と比較するために、ここでスクショを撮る
6. ブランチをchore/rewrite-elapsed-days-to-vanilla-jsに変更する
   i. git fetch origin chore/rewrite-elapsed-days-to-vanilla-js
   ii. git checkout chore/rewrite-elapsed-days-to-vanilla-js
7. 未アサインの提出物で表示されている内容がmainと変わっていないことを確認する

Screenshot

未アサインの提出物ページ

rails db:seedして、提出時刻が最新に更新された提出物情報を入手した場合

※CSS確認用

提出してから3日以内の提出物しかない場合

提出してから4日以上の提出物しかない場合

[harada-webdev]

@Ryooo-k
お疲れ様です！
こちらの非React化のPRについて、レビューをお願いしてもよろしいでしょうか？

[Ryooo-k]

@harada-webdev
お疲れ様です！
コロナに感染してしまい、すぐには作業できず時間かかると思いますが、よろしいでしょうか？

[harada-webdev]

@Ryooo-k
全然問題ないです！
お大事になさってください🙏