+ Всё произошло из-за одной-единственной кошки. Должно быть, она пробралась на борт во время нашей встречи с научным кораблём "Адрастея". Забрав нужные нам образцы, мы совершили обратный гиперпрыжок, и все благополучно уснули. Все, кроме кошки. Даже девять жизней не могли её спасти.
+
Самовывоз из 1 магазина от 7 дней, бесплатно Самовывоз из 51 пункта выдачи, 2 - 7 дней, от 165 ₽ Курьерская доставка, от 7 дней, от 343 ₽ Почта России, от 15 дней, от 292 ₽
+ Всё произошло из-за одной-единственной кошки. Должно быть, она пробралась на борт во время нашей встречи с научным кораблём "Адрастея". Забрав нужные нам образцы, мы совершили обратный гиперпрыжок, и все благополучно уснули. Все, кроме кошки. Даже девять жизней не могли её спасти.
+
+
+
+
+
+
+
+
+
Новинки
+
+
+
+
+
+ {game.games.map(game => )}
+
+
+
+
+
+
+
+
+
Популярное
+
+
+
+
+
+ {popular.games.map(game => )}
+
+
+
+
+
+
+
+
+
+
Почему мы
+
+
+
+
+
+
+
Быстрая доставка
+
Мы оперативно доставим настольные игры по России и по всему миру удобным Вам способом
+
+
+
+
Гарантия качества
+
Мы в #BoardGameBar гордимся качеством предоставляемых нами игр
+
+
+
+
Акции и Скидки
+
Для наших клиентов действует система накопительных скидок и бонусных баллов
+
+
+
+
Широкий ассортимент
+
Для наших клиентов действует система накопительных скидок и бонусных баллов
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+})
+
+export default Main;
\ No newline at end of file
diff --git a/client/src/pages/Table.js b/client/src/pages/Table.js
index 0e6e039..b9e8e3e 100644
--- a/client/src/pages/Table.js
+++ b/client/src/pages/Table.js
@@ -11,7 +11,7 @@ import { styled } from '@mui/material/styles';
import {observer} from "mobx-react-lite";
import {useContext, useEffect, useState} from "react";
import {Context} from "../index";
-import {deleteGame, fetchCategory, fetchGame} from "../http/gameAPI";
+import {deleteGame, fetchCategory, fetchAllGame} from "../http/gameAPI";
import * as React from "react";
import {Table} from "@mui/material";
import {get, values, keys, has} from "mobx"
@@ -124,7 +124,7 @@ const TableShow = observer(() => {
fetchCategory().then(data => game.setCategories(data))
setTimeout(() => {
}, 700)
- fetchGame().then(data => game.setGames(data.rows))
+ fetchAllGame().then(data => game.setGames(data.rows))
}, [])
@@ -146,7 +146,7 @@ const TableShow = observer(() => {
function deleteGa(id){
deleteGame(id);
- setTimeout(()=>{ fetchGame().then(data => game.setGames(data.rows))}, 100)
+ setTimeout(()=>{ fetchAllGame().then(data => game.setGames(data.rows))}, 100)
}
diff --git a/client/src/routes.js b/client/src/routes.js
index 3588b04..5dccdd0 100644
--- a/client/src/routes.js
+++ b/client/src/routes.js
@@ -2,7 +2,10 @@ import Login from "./pages/Login";
import Table from "./pages/Table";
import Add from "./pages/Add"
import Change from "./pages/Change";
-import {ADD_ROUTE, ADMIN_ROUTE_LOGIN, TABLE_ROUTE} from "./utils/const";
+import Main from "./pages/Main"
+import {ADD_ROUTE, ADMIN_ROUTE_LOGIN, TABLE_ROUTE, MAIN_ROUTE} from "./utils/const";
+import Category from "./pages/Category";
+import GamePage from "./pages/GamePage";
@@ -25,5 +28,17 @@ export const publicRoutes = [
{
path: ADMIN_ROUTE_LOGIN,
component:
+ },
+ {
+ path: MAIN_ROUTE,
+ component:
+ },
+ {
+ path: MAIN_ROUTE + '/:id',
+ component:
+ },
+ {
+ path: MAIN_ROUTE + '/Game/:id',
+ component:
}
]
\ No newline at end of file
diff --git a/client/src/store/gameStorage.js b/client/src/store/gameStorage.js
index 9b98e4b..9e3fbf4 100644
--- a/client/src/store/gameStorage.js
+++ b/client/src/store/gameStorage.js
@@ -4,6 +4,9 @@ export default class gameStorage{
constructor() {
this._categories = []
this._games = []
+ this._page = 1
+ this._limit = 8
+ this._countTotal = 0
makeAutoObservable(this)
}
@@ -13,11 +16,26 @@ export default class gameStorage{
setGames(games){
this._games = games
}
+ setPage(page){
+ this._page = page
+ }
+ setTotal(total){
+ this._countTotal = total
+ }
get categories(){
return this._categories
}
get games(){
return this._games
}
+ get page(){
+ return this._page
+ }
+ get countTotal(){
+ return this._countTotal
+ }
+ get limit(){
+ return this._limit
+ }
}
\ No newline at end of file
diff --git a/client/src/utils/const.js b/client/src/utils/const.js
index 74fc52c..33d727b 100644
--- a/client/src/utils/const.js
+++ b/client/src/utils/const.js
@@ -1,3 +1,5 @@
export const ADMIN_ROUTE_LOGIN = '/Admin'
export const TABLE_ROUTE = '/Admin/Table'
-export const ADD_ROUTE = '/Admin/Add'
\ No newline at end of file
+export const ADD_ROUTE = '/Admin/Add'
+
+export const MAIN_ROUTE = '/'
\ No newline at end of file