Cacher is the code snippet organizer for pro developers

class Frame extends Component {
      render() {
        const { text, uid } = this.props.infos;
        const themeUrl = `http://localhost:3000/preview?id=${uid}`;
        //console.log('Frame theme:', text);
        //console.log('Frame uid:', uid);
        return (
          <div className="col-md-8 panel panel-default">
            <div className="embed-responsive embed-responsive-16by9 panel-body">
              <iframe src={themeUrl}></iframe>
            </div>
            <div className="details" >
              {text}
            </div>
          </div>
        );
      }
    }

    export default connect(
      (state) => {
        return {
          infos: state.infos
        }
      }
    )(Frame);