change preloader text

diff --git a/src/Game.js b/src/Game.js
index e83f05446c60d75e8f94307b4ca6b43e8b0b38d0..f0cc7a040df02d37913a70a382e0ce3039a51819 100644 (file)
--- a/src/Game.js
+++ b/src/Game.js
@@ -11,6 +11,21 @@ import * as L from 'leaflet';
 
 const delay = (t = 300) => new Promise(resolve => setTimeout(resolve, t));
 
+const preloaderText = [
+  'Парсим википедию',
+  'Выбираем памятники',
+  'Опрашиваем Варламова',
+  'Гуляем по Лондону',
+  'Ловим автобусы',
+  'Парсим википедию',
+  'Выбираем памятники',
+  'Опрашиваем Варламова',
+  'Гуляем по Лондону',
+  'Ловим автобусы'
+];
+
+const getText = () => preloaderText[Math.round(Math.random() * 10)];
+
 export class Game extends Component {
   tipsListRef = React.createRef();
 
@@ -22,7 +37,8 @@ export class Game extends Component {
       tips: this.gameController.tips(),
       loading: true,
       hasMoreTips: this.gameController.hasMoreTips(),
-      inProcess: false
+      inProcess: false,
+      preloaderText: getText()
     };
 
     this.noKeys = true;
@@ -65,8 +81,12 @@ export class Game extends Component {
   }
 
   componentDidMount() {
+    const intervalId = setInterval(() => {
+      this.setState({ preloaderText: getText() })
+    }, 1500);
     this.noKeys = true;
     this.gameController.createGame(this.props.city).then(() => this.gameController.loadTips()).then(() => {
+      clearInterval(intervalId);
       this.setState({
         tips: this.gameController.tips(),
         hasMoreTips: this.gameController.hasMoreTips(),
@@ -255,7 +275,7 @@ export class Game extends Component {
     if(this.state.loading) {
       return (
         <AppLayout>
-          <h1 className="jump-text">Парсим википедию</h1>
+          <h1 className="jump-text">{this.state.preloaderText}</h1>
         </AppLayout>
       );
     }