issues
search
cloudnativedaysjp
/
dreamkast-ui
MIT License
7
stars
2
forks
source link
Layout for in-person attendees
#324
Closed
hrk091
closed
1 year ago
hrk091
commented
1 year ago
オフライン参加時にvideoを見せないようにしました。
settings redux storeを追加
profileをsettings redux storeに配置して、各componentはredux storeから読み出すように変更(propsのバケツリレーをやめるrefactoringを含む)
showVideo stateをreduxに追加し、trueのときのみIvsPlayerを描画
showVideo stateをtoggleするボタンを追加
上記ボタンは、オフライン参加のときのみ表示
オンライン時はdefaultでvideoが表示され、ボタンが出てこない。オフライン時はdefaultはvideoが表示されず、ボタンが表示されるので、押した場合のみvideo表示に切り替え
独自で設定しているmarginがあると切替時にformatが崩れてしまうので、独自marginを極力除去しつつMUIのGridに任せるように修正
結果として要らなくなったouter containerを、simplifyするために除去(refactoring)
video非表示モード時に高さが短すぎてfooterが真ん中らへんに表示されてしまったので、コンテンツが途中で終わってもfooterは下部に表示されるように修正
video非表示の場合、以下のような画面になります
github-actions[bot]
commented
1 year ago
Review app
https://dreamkast-ui-324.dev.cloudnativedays.jp
オフライン参加時にvideoを見せないようにしました。
video非表示の場合、以下のような画面になります