howardjones/network-weathermap

import React from 'react';
import {connect} from 'react-redux';

import {loadSettings} from './actions';

import './App.css';

import {HashRouter, Redirect, Route} from 'react-router-dom'


import SingleMap from './components/SingleMap';
import MapGroup from './components/MapGroup';


class WMUserApp extends React.Component {

//  <GroupTabs group={group_id}/>
//  <MapCollection group={group_id} />
//  <SingleMap map={map_id} />

  componentDidMount() {
    this.props.loadSettings(this.props.url);
  }

  render() {
    // const group_id="1";
    // const map_id="e75f5cb8fe470b3ec78e";

    return (
        <div className="WMUserApp layoutbox">
          <small>(The Base URL is {this.props.url}, passed from outside)</small>
          <HashRouter>
            <div>
              <Route exact path="/" render={() => <Redirect to="/group/default"/>}/>
              <Route path="/group/:group_id" component={MapGroup}/>
              <Route path="/map/:map_id" component={SingleMap}/>
            </div>
          </HashRouter>
        </div>
    );
  }
}

const mapStateToProps = (state) => (state);

const mapDispatchToProps = {
  loadSettings,
};

export default connect(mapStateToProps, mapDispatchToProps)(WMUserApp);