diff --git a/src/components/Field.js b/src/components/Field.js
index 1de17b5..236a8a9 100644
--- a/src/components/Field.js
+++ b/src/components/Field.js
@@ -13,10 +13,11 @@ class Cell extends Component {
}
click() {
+ if (!this.props.changeable) return;
if (this.state.color === "white")
this.setState({color: "green"});
else
- this.setState({color: "white"})
+ this.setState({color: "white"});
}
render() {
@@ -28,13 +29,12 @@ class Cell extends Component {
class Field extends Component {
-
render() {
let cells = []
for (let i = 0; i < 10; i++) {
let line = []
for (let j = 0; j < 10; j++) {
- line.push(
| | );
+ line.push( | | );
}
cells.push({line}
);
}
diff --git a/src/components/Ready.js b/src/components/Ready.js
new file mode 100644
index 0000000..87d2ece
--- /dev/null
+++ b/src/components/Ready.js
@@ -0,0 +1,17 @@
+import { Component } from "react";
+
+export default class Ready extends Component {
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ text: "Расставь корабли чтобы активировать",
+ disabled: true
+ }
+ }
+
+ render() {
+ return
+ }
+
+}
\ No newline at end of file
diff --git a/src/screens/Connect.js b/src/screens/Connect.js
index 0954095..365e8c0 100644
--- a/src/screens/Connect.js
+++ b/src/screens/Connect.js
@@ -1,3 +1,5 @@
+import {Component} from 'react';
+
class Connect extends Component {
-
+
}
\ No newline at end of file
diff --git a/src/screens/NewGame.js b/src/screens/NewGame.js
index c0e8b61..233edb9 100644
--- a/src/screens/NewGame.js
+++ b/src/screens/NewGame.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react';
import '../styles/styles.css';
import '../styles/bootstrap.css';
import Field from '../components/Field.js';
+import Ready from '../components/Ready.js';
import {host} from '../scripts/requests.js';
class NewGame extends Component {
@@ -19,19 +20,19 @@ class NewGame extends Component {
Ссылка для подключения
-
+
);
}