import ApiProgress from '../shared/ApiProgress'
import UserSignUpPage from '../pages/UserSignUpPage'
import LoginPage from '../pages/LoginPage'
import LanguageSelector from '../components/LanguageSelector';
import HomePage from '../pages/HomePage';
import UserPage from '../pages/UserPage';
import { Route, Redirect, HashRouter as Router } from 'react-router-dom'
import TopBar from '../components/TopBar';
import React from 'react';
import { connect } from 'react-redux'
//import { Authentication } from '../shared/AuthenticationContext'




class App extends React.Component {

  //static contextType = Authentication


  render() {
    const { isLoggedIn } = false

    return (
      <div>
        <Router>
          <TopBar />
          <Route exact path="/" component={HomePage} />
          {/*giriş yapmış ise login kısmını gösterme*/}
          
          {!isLoggedIn &&
            <Route path="/login"
              component={LoginPage} />}
          
          <Route path="/signup" component={UserSignUpPage} />
          
          <Route path="/user/:username" component={UserPage} />
          
          <Redirect to="/" />{/*bu routelardan hiç biriyle match etmezse buraya yönlendirir*/}
        </Router>
        <LanguageSelector />

      </div>
    )
  }
}

const mapStateToProps = store => {
  return {
    isLoggedIn: store.isLoggedIn
  };
}

export default connect(mapStateToProps)(App);