text: import React, {Component} from 'react';
  import {withRouter} from "react-router-dom";
  import {connect} from "react-redux";
  import '../../css/style.css'
  
  import TextFieldsIcon from '@material-ui/icons/TextFields';
  import Grid from "@material-ui/core/Grid";
  import {blockedUI} from "../../actions/ui_action";
  import {deleteCurrentComponent, setCurrentComponent} from "../../actions/currentComponent_action";
  import {setCurrentProps} from "../../actions/currentProps_action";
  import {Base} from "./base";
  import VideocamIcon from '@material-ui/icons/Videocam';
  
  
  export class Video extends Base {
  
      constructor(props) {
          super(props);
  
          this.state = {
              name: "video",
              props: {
                  file: "",
                  signature: ""
              }
          }
      }
  
      componentDidMount(){
      }
  
  
      render(){
          const active = this.activity();
  
          return (
              <div className={ active }  onClick={this.handleClick} >
                  <div >
                      <Grid container>
                          <Grid item xs={2} className={'component_icon'}>
                              <VideocamIcon />
                          </Grid>
                          <Grid items xs={10} className={'component_text'}>
                              Video
                          </Grid>
                      </Grid>
                  </div>
              </div>
          );
      }
  
  }
  
  const mapStateToProps  = (state) => ({
      currentComponent: state.currentComponent,
      currentProps: state.currentProps,
      currentBot: state.currentBot
  });
  
  
  const mapDispatchToProps = dispatch => ({
      setCurrentComponent: function(data){
          dispatch(setCurrentComponent(data));
      },
      deleteCurrentComponent: function(){
          dispatch(deleteCurrentComponent());
      },
      setCurrentProps: function(data){
          dispatch( setCurrentProps(data) );
      }
  })
  
  
  export default withRouter( connect(mapStateToProps,mapDispatchToProps)(Video) );