diff --git a/README.md b/README.md index 4a9ba29..af65d9e 100644 --- a/README.md +++ b/README.md @@ -8,4 +8,11 @@ - хостинг https://localhost:7115/api/v1 - CORS должен принимать любые домены +### Дополнительные материалы + +- Отключить блокировку взаимодействия с локальными ресурсами в Chrome: + chrome://flags/#block-insecure-private-network-requests - установить disable +- Почитать про CORS: + https://habr.com/ru/company/macloud/blog/553826/ + ## Удачи! diff --git a/src/components/App/App.css b/src/components/App/App.css index 004a312..ae1cc5b 100644 --- a/src/components/App/App.css +++ b/src/components/App/App.css @@ -27,15 +27,15 @@ h1 { display: flex; } -.witch-row.state2 { +.state2 { border: 1px solid darkred; } -.witch-row.state0 { +.state0 { border: 0; } -.witch-row.state1 { +.state1 { border: 1px solid darkgreen; } diff --git a/src/components/GamePage/GamePage.tsx b/src/components/GamePage/GamePage.tsx index 171adb1..ecf2b71 100644 --- a/src/components/GamePage/GamePage.tsx +++ b/src/components/GamePage/GamePage.tsx @@ -31,11 +31,22 @@ const GamePage: React.FC = (props) => { }, 300); }); }; + + const clickAtMockMode = (checked: boolean) => { + apiStore.tryToSetMockMode(checked); + } + return (
-
Score: {apiStore.currentGame?.score}
-
+

Правила игры

Угадываем, какая из ведьм настоящая. За каждый промах теряем 1 балл. + За угадывание получаем столько баллов, сколько вариантов в задании +
+
Базовая реализация (по умолчанию) использует эмуляцию сервера, но можно подключить свой + сервер для обслуживания игры! +
+
Баллы: {apiStore.currentGame?.score}
+
{ _.map(apiStore.currentGame?.witches, (item: Witch, index: number) => { const left = item.position * 100; @@ -48,7 +59,7 @@ const GamePage: React.FC = (props) => { }) }
-
Version: {apiStore.version}
+
Версия: {apiStore.version}

onExitGame()}> Стоп игра!

@@ -58,7 +69,7 @@ const GamePage: React.FC = (props) => { id='hasServer' checked={!apiStore.mockMode} value='1' - onChange={(e) => apiStore.tryToSetMockMode(e.target.checked)} + onChange={(e) => clickAtMockMode(e.target.checked)} />
Свой сервис: diff --git a/src/store/apiStore/apiStore.ts b/src/store/apiStore/apiStore.ts index 1fe92ef..3ba226b 100644 --- a/src/store/apiStore/apiStore.ts +++ b/src/store/apiStore/apiStore.ts @@ -137,17 +137,20 @@ class ApiStore { tryToSetMockMode(flagEnabled: boolean) { if (!flagEnabled) { this.setMockMode(true); + this.setGameStage(EGameStage.Start); return; } service.getVersion() .then((version) => { if (!version) { this.setMockMode(true); + this.setGameStage(EGameStage.Start); return; } this.setVersion(version); if (version) { this.setMockMode(false); + this.setGameStage(EGameStage.Start); } }) .catch((error) => {