From 343f5264bc4cc46955d0ddfd9952c98ded7cede5 Mon Sep 17 00:00:00 2001 From: jherman5 <jherman5@huskers.unl.edu> Date: Wed, 2 Sep 2020 13:34:48 -0500 Subject: [PATCH] Added textual elements to the app GUI. Checkpoint 4. --- simon-says/debug.log | 22 +++++++++++++++++ .../src/features/patternGen/buttonLayout.css | 6 +++++ .../features/patternGen/patternGeneration.js | 24 +++++++++++-------- .../src/features/patternGen/patternSlice.js | 3 ++- 4 files changed, 44 insertions(+), 11 deletions(-) diff --git a/simon-says/debug.log b/simon-says/debug.log index 1ec9ba1..afc1ca0 100644 --- a/simon-says/debug.log +++ b/simon-says/debug.log @@ -167,3 +167,25 @@ [0831/110742.197:ERROR:crash_report_database_win.cc(469)] failed to stat report [0831/110742.197:ERROR:crash_report_database_win.cc(469)] failed to stat report [0831/110742.197:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.420:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.420:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.420:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.421:ERROR:crash_report_database_win.cc(469)] failed to stat report +[0902/132649.422:ERROR:crash_report_database_win.cc(469)] failed to stat report diff --git a/simon-says/src/features/patternGen/buttonLayout.css b/simon-says/src/features/patternGen/buttonLayout.css index 89c20e2..f0697b9 100644 --- a/simon-says/src/features/patternGen/buttonLayout.css +++ b/simon-says/src/features/patternGen/buttonLayout.css @@ -1,3 +1,9 @@ +.title{ + font-size: 1.5em; + width: 100%; + left: 10em; + right: 10em; +} .redbutton{ background-color: #f44336; border: none; diff --git a/simon-says/src/features/patternGen/patternGeneration.js b/simon-says/src/features/patternGen/patternGeneration.js index dac1a12..cf47682 100644 --- a/simon-says/src/features/patternGen/patternGeneration.js +++ b/simon-says/src/features/patternGen/patternGeneration.js @@ -5,16 +5,20 @@ export function Pattern() { return ( <main> <div> - <button class = "redbutton"> - </button> - <button class = "bluebutton"> - </button> - <button class = 'yellowbutton'> - - </button> - <button class = 'greenbutton'> - - </button> + <blockquote class = 'title'> + Simon Says + </blockquote> + <blockquote> + Score: 0 + </blockquote> + <button class = "redbutton"> + </button> + <button class = "bluebutton"> + </button> + <button class = 'yellowbutton'> + </button> + <button class = 'greenbutton'> + </button> </div> </main> ); diff --git a/simon-says/src/features/patternGen/patternSlice.js b/simon-says/src/features/patternGen/patternSlice.js index 6430c5c..c9caa6a 100644 --- a/simon-says/src/features/patternGen/patternSlice.js +++ b/simon-says/src/features/patternGen/patternSlice.js @@ -4,7 +4,8 @@ const patternSlice = createSlice({ name: 'pattern', initialState: { borderState: 0, - patternList: [] + patternList: [], + score: 0, }, reducers: { }, -- GitLab