import AFRAME from 'aframe';
import 'aframe-animation-component';
import 'aframe-text-component';
import 'babel-polyfill';
import {Entity, Scene} from 'aframe-react';
import React from 'react';
import { Link, withRouter } from 'react-router';


import Camera from './Camera';
import Text from './Text';
import Sky from './Sky';
import Plane from './Plane';

export default props => (
  <Entity>



        <Entity>
        <Text
          text='San Francisco!'
          color='#000000'
          rotation='0 30 0'
          position='0 0 -2"'/>

          <Entity rotation="0 30 0" position="0 0 -2" material={{src: '#milan2', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/milan')}/>
        </Entity>

        <Entity rotation="0 80 0" position="0 0 -2" material={{src: '#paris', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/louvre')}/>

        <Entity rotation="0 130 0" position="0 0 -2" material={{src: '#sf1', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/sf')}/>

        <Entity rotation="0 180 0" position="0 0 -2" material={{src: '#berlin2', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/berlin')}/>

        <Entity rotation="0 230 0" position="0 0 -2" material={{src: '#rome2', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/rome')}/>


      <Entity light={{type: 'ambient', color: '#fff'}}/>
      <Entity light={{type: 'directional', intensity: 0.2}} position='-1 2 1'/>

      <a-sky color='#FFF' opacity="0.5"></a-sky>
  </Entity>
);


import AFRAME from 'aframe';
import 'aframe-animation-component';
import 'aframe-text-component';
import 'babel-polyfill';
import {Entity, Scene} from 'aframe-react';
import React from 'react';
import { Link, withRouter } from 'react-router';


import Camera from './Camera';
import Text from './Text';
import Sky from './Sky';
import Plane from './Plane';

export default props => (
  <Entity>

        <Entity rotation="0 30 0" position="0 0 -2" material={{src: '#milan2', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/milan')}/>

        <Entity rotation="0 80 0" position="0 0 -2" material={{src: '#paris', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/louvre')}/>

        <Entity rotation="0 130 0" position="0 0 -2" material={{src: '#sf1', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/sf')}/>

        <Entity rotation="0 180 0" position="0 0 -2" material={{src: '#berlin2', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/berlin')}/>

        <Entity rotation="0 230 0" position="0 0 -2" material={{src: '#rome2', color: '#FFF', shader: 'flat', side: 'double', transparent: 'true', repeat: '-1 1'}} geometry="height:1;primitive:cylinder;radius:2;segmentsRadial:48;thetaLength:30;openEnded:true;thetaStart:0" onClick={() => props.router.replace('/rome')}/>


      <Entity light={{type: 'ambient', color: '#fff'}}/>
      <Entity light={{type: 'directional', intensity: 0.2}} position='-1 2 1'/>

      <a-sky color='#FFF' opacity="0.5"></a-sky>
  </Entity>
);


Delete extra line of code