import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import firebase from 'firebase';
import App from './App';
import * as serviceWorker from './serviceWorker';

firebase.initializeapp({

    apiKey: "AIzaSyDQ2tKxJ5ehJ2wHLZwK4k-Ub1egQgoe38M",
    authDomain: "instagramin.firebaseapp.com",
    databaseURL: "https://instagramin.firebaseio.com",
    projectId: "instagramin",
    storageBucket: "instagramin.appspot.com",
    messagingSenderId: "615666035743"
});
ReactDOM.render(<App />, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();

import React, { Component } from 'react';
import firebase from 'firebase';
import './App.css';

class App extends Component {
  handleAuth () {
    const provider = new firebase.auth.GoogleAuthProvider();

    firebase.auth().signInWithPopup(provider)
    .then(result=> console.log(`${result.user.email} ha iniciado sesion`))
    .catch(error => console.log(`error ${error.code}: ${error.message}`))
  }
  render() {
    return (
      <div className="App">
        <header className="App-header">

          <p className="app-header">
            <button onclick={this.handleAuth}>login con google</button>
          </p>
          <a
            className="App-link"
            href="https://reactjs.org"
            target="_blank"
            rel="noopener noreferrer"
          >
            Learn React
          </a>
        </header>
      </div>
    );
  }
}

export default App;