Pfthb

import React from 'react';
import logo from '../images/logo.svg';
import BootstrapTable, TableHeaderColumn from 'react-bootstrap-table';
import Button from 'react-bootstrap';
import Alert from 'reactstrap';

class App extends React.Component 

 constructor(props) 
 super(props);

 this.state = 
 beers: ,
 visible: false
 ;

 this.onDismiss = this.onDismiss.bind(this);
 

 onDismiss() 
 this.setState( visible: false );
 

 componentDidMount() 
 this.loadBeersFromServer();
 

 loadBeersFromServer() 
 fetch('http://localhost:8084/api/good-beers', 
 method: 'GET'
 )
 .then((response) => response.json())
 .then((beers) => 
 this.setState(
 beers: beers
 );
 );
 ;

 deleteItem(row) 
 const id = row.id;
 fetch('http://localhost:8084/api/good-beers/' + id,
 method: 'GET').then(
 () => this.loadBeersFromServer(),
 this.setState(visible: true)
 ).catch(function () 
 console.log("error");
 );
 

 cellButton(cell, row) 
 return (
 <Button
 type="button" bsStyle="danger"
 onClick=() =>
 this.deleteItem(row)>Delete</Button>
 )
 

 render() 
 return (
 <div className="App">
 <header className="App-header">
 <img src=logo className="App-logo" alt="logo"/>
 <h1 className="App-title">Wellcome to React</h1>
 </header>

 <Alert color="info" isOpen=this.state.visible toggle=this.onDismiss>
 I am an alert and I can be dismissed!
 </Alert>

 <BootstrapTable data=this.state.beers options=noDataText: 'Zatím nebyl vložen žádný záznam'
 version='4' striped=true hover=true>
 <TableHeaderColumn dataField='id' isKey=true dataSort width='20%'>ID</TableHeaderColumn>
 <TableHeaderColumn dataField='name' dataSort>Pivo</TableHeaderColumn>
 <TableHeaderColumn dataField='button' dataFormat=this.cellButton.bind(this) width='10%'/>
 </BootstrapTable>

 </div>
 );
 


export default App;