From fce8d4fba9f98a5adf7c18678a3d9406cdb32174 Mon Sep 17 00:00:00 2001
From: uo289769 <uo289769@uniovi.es>
Date: Mon, 11 Mar 2024 18:24:24 +0100
Subject: [PATCH] Added buttons to game

---
 webapp/src/components/GetQuestion.js | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/webapp/src/components/GetQuestion.js b/webapp/src/components/GetQuestion.js
index 1b5eb64..9397779 100644
--- a/webapp/src/components/GetQuestion.js
+++ b/webapp/src/components/GetQuestion.js
@@ -4,6 +4,7 @@ import axios from 'axios';
 import { Container, Typography, Box, Button } from '@mui/material';
 import './stylesheets/GetQuestionCss.css';
 import { useLocation } from "react-router-dom";
+import {useNavigate} from "react-router-dom";
 
 const GetQuestion = () => {
   //all the information about the question
@@ -15,6 +16,7 @@ const GetQuestion = () => {
   const [answerFeedback, setAnswerFeedback] = useState('');
   const [nextQuestion, setNextQuestion] = useState(true);
   const [timer, setTimer] = useState(15); 
+  const navigate = useNavigate();
 
   //accedo al usuario logeado
   const location = useLocation();
@@ -58,6 +60,16 @@ const GetQuestion = () => {
     }
   };
 
+  const showRecord = () => {
+    getQuestion();
+    navigate("/record", {state: {username}});
+  };
+
+  const showHome = () => {
+    getQuestion();
+    navigate("/home", {state: {username}});
+  };
+
   const saveHistorial = async (selectedAnswer, correct) => {
     
     const username2 = username;
@@ -175,6 +187,20 @@ const GetQuestion = () => {
           disabled={nextQuestion}>
             Next question
           </Button>
+        <Button
+          variant="contained" 
+          style={{ width: '100%', fontWeight: 'bold' }}
+          onClick={showRecord}
+          disabled={nextQuestion}>
+            View Record
+          </Button>
+        <Button
+          variant="contained" 
+          style={{ width: '100%', fontWeight: 'bold' }}
+          onClick={showHome}
+          disabled={nextQuestion}>
+            Home
+          </Button>
     </div>      
     )}