refactor(game): animation is too violent, removing it

42Zavattas · Oct 6, 2015 · 5a20f90 · 5a20f90
1 parent 8c9e143
commit 5a20f90
Showing 1 changed file with 20 additions and 24 deletions.
diff --git a/components/pages/Game.js b/components/pages/Game.js
@@ -2,7 +2,6 @@
 
 // modules
 import React from 'react';
-import ReactTransitionGroup from 'react/lib/ReactTransitionGroup';
 import connectToStores from 'fluxible-addons-react/connectToStores';
 
 // stores
@@ -12,7 +11,6 @@ import GameStore from '../../stores/GameStore';
 import SourceCode from '../SourceCode';
 import SourceInput from '../SourceInput';
 import GameStats from '../GameStats';
-import { Slider } from '../ui';
 
 // actions
 import { beginTest, updateWord, typeWord, reset } from '../../actions/game';
@@ -79,28 +77,26 @@ class Game extends React.Component {
     return (
       <div className='Game'>
 
-        <ReactTransitionGroup>
-          {!isFinished && (
-            <Slider>
-
-              <SourceCode
-                context={this.props.context}
-                isFocused={this.props.isFocused}
-                text={text}
-                isFinished={isFinished}
-                currentWordIndex={currentWordIndex}
-                typedWord={typedWord} />
-
-              <SourceInput
-                isFocused={this.props.isFocused}
-                context={this.props.context}
-                typedWord={typedWord}
-                onChange={this.handleType.bind(this)}
-                onValidate={this.handleValidateWord.bind(this)} />
-
-            </Slider>
-          )}
-        </ReactTransitionGroup>
+        {!isFinished && (
+          <div>
+
+            <SourceCode
+              context={this.props.context}
+              isFocused={this.props.isFocused}
+              text={text}
+              isFinished={isFinished}
+              currentWordIndex={currentWordIndex}
+              typedWord={typedWord} />
+
+            <SourceInput
+              isFocused={this.props.isFocused}
+              context={this.props.context}
+              typedWord={typedWord}
+              onChange={this.handleType.bind(this)}
+              onValidate={this.handleValidateWord.bind(this)} />
+
+          </div>
+        )}
 
         <GameStats
           stats={stats} />