fixed the gif switching issue (fossasia#3132)

swaminaathakrishnan · Dec 23, 2019 · fb4ddf1 · fb4ddf1
1 parent 28fd7de
commit fb4ddf1
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/About/Overview/index.js b/src/components/About/Overview/index.js
@@ -599,7 +599,6 @@ class Overview extends Component {
 
   render() {
     const { gifIndex } = this.state;
-    const { classes } = this.props;
     return (
       <div>
         <Container>
@@ -655,7 +654,11 @@ class Overview extends Component {
               {buttonAttributes.map((button, index) => (
                 <Button
                   key={index}
-                  className={classes.button}
+                  style={
+                    gifIndex === index
+                      ? { backgroundColor: '#4285f4', color: '#ffffff' }
+                      : { backgroundColor: '#ffffff' }
+                  }
                   variant="contained"
                   onClick={e => this.handleGIFChange(index)}
                 >
@@ -672,7 +675,6 @@ class Overview extends Component {
                 src={buttonAttributes[gifIndex].video}
                 style={gifIndex === index ? {} : { display: 'none' }}
                 autoPlay
-                loop
                 muted
                 playsinline
               />