,
diff --git a/src/lists/GamesList.js b/src/lists/GamesList.js
index aa82a09..c12f123 100644
--- a/src/lists/GamesList.js
+++ b/src/lists/GamesList.js
@@ -1,15 +1,20 @@
import './List.scss'
import DeleteGameButton from './DeleteGameButton';
-import { Link } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
import { connect } from 'react-redux';
import { login, logout } from '../User/store';
import React, { useState, useEffect } from "react";
import {GameService} from "../services/GameService";
function GamesList({games, isAuthenticated, user, login, logout }) {
+ const navigate = useNavigate();
const [gamesList, setGamesList] = useState([]);
const [message, setMessage] = useState('');
+ const handleGameClick = (gameId) => {
+ navigate(`/games/details/${gameId}`);
+ };
+
useEffect(() => {
const fetchGameData = async () => {
try {
@@ -35,7 +40,7 @@ function GamesList({games, isAuthenticated, user, login, logout }) {
)}
{gamesList.map((game, index) => (
-
+
{isAuthenticated && user.role === 'Admin' && (
)}
diff --git a/src/services/GameService.js b/src/services/GameService.js
index 9b2b71f..a1a0624 100644
--- a/src/services/GameService.js
+++ b/src/services/GameService.js
@@ -40,7 +40,7 @@ export const GameService = {
return await Api.req(() => {return Api.get(`GameType/getAvailable?page=${page}&pagesize=${pagesize}`)})
},
getGame: async function (id) {
- return await Api.req(() => {return Api.get(`GameType/get?id=${id}`)})
+ return await Api.req(() => {return Api.get(`GameType/getOne?id=${id}`)})
},
getByName: async function (name, page, pagesize) {
return await Api.req(() => {return Api.get(`GameType/getByName?name=${name}&page=${page}&pagesize=${pagesize}`)})
@@ -55,4 +55,7 @@ export const GameService = {
isAvaiableForPlay: isAvaiableForPlay
})})
},
+ getGameFile: async function (id) {
+ return await Api.req(() => {return Api.post(`GameType/getFile?id=${id}`)})
+ },
}
\ No newline at end of file