add: reset game

Author: glauroqj

.gitignore

@@ -21,3 +21,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.firebase/

firebase.json

@@ -2,25 +2,9 @@
   "hosting": {
     "public": "build",
     "ignore": [
-      "**/.*",
       "firebase.json",
-      "**/node_modules/**",
-      "/build/asset-manifest.json",
-      "/build/static/js/*.js.map"
-    ],
-    "rewrites": [
-      {
-        "source": "**",
-        "destination": "/index.html"
-      }
-    ],
-    "headers": [{
-        "source": "index.html",
-        "headers" : [{
-          "key" : "Access-Control-Allow-Origin",
-          "value" : "*"
-        }]
-      }
+      "**/.*",
+      "**/node_modules/**"
     ]
   }
 }

src/components/QuizForm.js

@@ -4,7 +4,7 @@ import {
   differenceInMilliseconds
 } from "date-fns"
 
-const QuizForm = ({ player, type }) => {
+const QuizForm = ({ player, type, reset }) => {
 
   const [form, setForm] = useState({
     questions: require(`../questions/${type}`)[type],
@@ -114,6 +114,16 @@ const QuizForm = ({ player, type }) => {
               <span className="badge badge-primary">{ form.finishTimeSeconds }</span>
             </li>
           </ul>
+          
+          <div className="mt-3">
+            <button
+              className="btn btn-block btn-success btn-lg"
+              onClick={ () => { reset() } }
+              type="button"
+            >
+              Novo Jogo
+            </button>
+          </div>
         </div>
       )}
     </div>

src/pages/App.js

@@ -14,6 +14,14 @@ const App = () => {
     console.log('< APP : STATE > ', state)
   })
 
+  const resetForm = () => {
+    setState({
+      name: '',
+      type: false,
+      startQuiz: false
+    })
+  }
+
   return (
     <div className="App animated fadeIn">
       <div className="container">
@@ -28,7 +36,7 @@ const App = () => {
         {state.startQuiz && (
           <div className={`row animated ${state.startQuiz ? 'fadeInDown' : 'fadeOutDown'}`}>
             <div className="col-xs-12 ml-auto mr-auto">
-              <QuizForm player={state.name} type={state.type} />
+              <QuizForm player={state.name} type={state.type} reset={ resetForm } />
             </div>
           </div>
         )}