Updated finalpoem

src/components/FinalPoem.js

@@ -3,35 +3,26 @@ import PropTypes from 'prop-types';
 import './FinalPoem.css';
 
 const FinalPoem = (props) => {
+
   if  (props.isRevealed) {
     return ( 
       <div className="FinalPoem">
         <section className="FinalPoem__poem">
           <h3>Final Poem</h3>
         </section>
-
-          <div className="FinalPoem__reveal-btn-container">
-            <input 
-              type="button" value="We are finished: Reveal the Poem" 
-              className="FinalPoem__reveal-btn"
-              onClick={ props.revealPoem }
-            />
-            <div>
-              {(props.submissions).map((string, index) => (
-                <p key={index}>
-                  {string}
-                </p>
-              ))}
-            </div>
-          </div>
+        <div>
+            {(props.submissions).map((string, index) => (
+              <p key={index}>
+                {string}
+              </p>
+            ))}
+        </div>
       </div>
-    )}
-  else {
+    )
+
+    } else {
     return(
     <div className="FinalPoem">
-        <section className="FinalPoem__poem">
-          <h3>Final Poem</h3>
-        </section>
         <div className="FinalPoem__reveal-btn-container">
           <input 
             type="button" value="We are finished: Reveal the Poem" 

src/components/PlayerSubmissionForm.js

@@ -43,7 +43,6 @@ const PlayerSubmissionForm = (props) => {
     updateWords(setInitialState()); 
   };
 
-
   return (
     <div className="PlayerSubmissionForm">
       <h3>Player Submission Form for Player # { props.index }</h3>

src/components/RecentSubmission.js

@@ -3,13 +3,17 @@ import PropTypes from 'prop-types';
 import './RecentSubmission.css';
 
 const RecentSubmission = (props) => {
-  return (
-    <div className="RecentSubmission">
-      <h3>The Most Recent Submission</h3>
-      <p className="RecentSubmission__submission">{ props.submission }</p>
-    </div>
-  );
-}
+  if (props.submission) {
+    return (
+      <div className="RecentSubmission">
+        <h3>The Most Recent Submission</h3>
+        <p className="RecentSubmission__submission">{ props.submission }</p>
+      </div>
+    );
+  } else {
+    return (null)
+  }
+};
 
 RecentSubmission.propTypes = {
   submission: PropTypes.string.isRequired,

src/components/finalpoemtest.js

@@ -0,0 +1,46 @@
+const FinalPoem = (props) => {
+
+    if  (props.isRevealed) {
+
+      //event handler
+      const showButton= (event) => {
+
+      return ( 
+        <div className="FinalPoem">
+          <section className="FinalPoem__poem">
+            <h3>Final Poem</h3>
+          </section>
+
+          <div className="FinalPoem__reveal-btn-container">
+            <input 
+              type="button" value="We are finished: Reveal the Poem" 
+              className="FinalPoem__reveal-btn"
+              onClick={ props.revealPoem }
+            />
+            <section>
+              {(props.submissions).map((string, index) => (
+                <p key={index}>
+                  {string}
+                </p>
+              ))}
+            </section>
+          </div>
+        </div>
+      )}
+    else {
+      return(
+      <div className="FinalPoem">
+          <section className="FinalPoem__poem">
+            <h3>Final Poem</h3>
+          </section>
+
+          <div className="FinalPoem__reveal-btn-container">
+            <input 
+              type="button" value="We are finished: Reveal the Poem" 
+              className="FinalPoem__reveal-btn"
+              onClick={ props.revealPoem }
+            />
+          </div>
+      </div>
+      )}
+  };