From e92aedfc5ce2819602608d4b0f0418517845b00d Mon Sep 17 00:00:00 2001
From: Lukas Brabec <lbrabec@redhat.com>
Date: Jan 14 2019 15:41:01 +0000
Subject: subdir, polishing


---

diff --git a/src/App.js b/src/App.js
index 6d6f527..4651e99 100644
--- a/src/App.js
+++ b/src/App.js
@@ -12,7 +12,7 @@ import './App.css';
 class App extends Component {
   render() {
     return (
-      <BrowserRouter>
+      <BrowserRouter basename="/landing_page">
         <div>
           <Switch>
             <Route path="/" exact component={LandingPage} />
diff --git a/src/Blockers.js b/src/Blockers.js
index 106ddba..0e7fc56 100644
--- a/src/Blockers.js
+++ b/src/Blockers.js
@@ -34,7 +34,9 @@ class Blockers extends Component {
                         <div className="col-md-6">
                             <table className="events">
                                 <thead>
-                                    <td colSpan="2"><b>Beta</b></td>
+                                    <tr>
+                                        <td colSpan="2"><b>Beta</b></td>
+                                    </tr>
                                 </thead>
                                 <tbody>
                                     <tr>
@@ -56,7 +58,9 @@ class Blockers extends Component {
                         <div className="col-md-6">
                             <table className="events">
                                 <thead>
-                                    <td colSpan="2"><b>Final</b></td>
+                                    <tr>
+                                        <td colSpan="2"><b>Final</b></td>
+                                    </tr>
                                 </thead>
                                 <tbody>
                                     <tr>
diff --git a/src/Events.js b/src/Events.js
index dd7cd48..a3e1c85 100644
--- a/src/Events.js
+++ b/src/Events.js
@@ -18,8 +18,7 @@ class Events extends Component {
   }
   render() {
     const meetings = this.state.meetings.map(meeting => {
-      //return (<li key={meeting.start + meeting.summary}>{meeting.start} - {meeting.summary}</li>)
-      return (<Event start={meeting.start} summary={meeting.summary} link={meeting.link} info={meeting.info} />)
+      return (<Event key={meeting.start+meeting.summary} start={meeting.start} summary={meeting.summary} link={meeting.link} info={meeting.info} />)
     });
     return (
       <div>
diff --git a/src/LandingPage.js b/src/LandingPage.js
index 6e146e8..a920d6e 100644
--- a/src/LandingPage.js
+++ b/src/LandingPage.js
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import { Container, Row, Button } from 'reactstrap';
+import { Link } from 'react-router-dom'
 import Layout from './Layout';
 import Timeline from "./Timeline";
 import Events from "./Events";
@@ -37,9 +38,9 @@ class LandingPage extends Component {
                     <Row>
                         <div className="col-md-12" >
                             <h5 className="padded"></h5>
-                            <Button color="primary" className="btn-block btn-wrap-text" size="lg" href="/wizard" active tag="a">
+                            <Link className="btn btn-primary btn-block btn-wrap-text btn-lg active" to="/wizard" role="button">
                                 Do you have some spare time? Feeling like helping others? Wanna improve Fedora? Click here!
-                            </Button>
+                            </Link>
                         </div>
                     </Row>
                 </Container>
diff --git a/src/Masthead.js b/src/Masthead.js
index 6c51523..7823c1f 100644
--- a/src/Masthead.js
+++ b/src/Masthead.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-
+import { Link } from 'react-router-dom'
 import { Container, NavbarBrand, Nav, NavItem, Navbar, Button } from 'reactstrap';
 
 import logo from './logo.png';
@@ -10,10 +10,10 @@ class Masthead extends Component {
         return (
             <Navbar className="masthead">
                 <Container>
-                    <NavbarBrand href="/"><img src={logo} alt=''/></NavbarBrand>
+                    <NavbarBrand tag="div"><Link to="/"><img src={logo} alt=''/></Link></NavbarBrand>
                     <Nav className="ml-auto" navbar>
                         <NavItem>
-                        <Button color="primary" href="/wizard" active tag="a">I want to help!</Button>
+                        <Link className="btn btn-primary" to="/wizard" role="button">I want to help!</Link>
                         </NavItem>
                     </Nav>
                 </Container>
diff --git a/src/Timeline.js b/src/Timeline.js
index 8ed9e56..1420f49 100644
--- a/src/Timeline.js
+++ b/src/Timeline.js
@@ -33,18 +33,26 @@ class Timeline extends Component {
     render() {
         const line = this.state.schedule.map(milestone => {
             return (
-                <td><Line color={milestone.current ? "#2371ae" : "#dcdcdc"} /></td>
+                <td key={'line'+milestone.summary}>
+                    <Line color={milestone.current ? "#2371ae" : "#dcdcdc"} />
+                </td>
             )
         })
 
         const dates = this.state.schedule.map(milestone => {
-            return (<td width="150" key={milestone.summary}><b>{milestone.date}</b></td>)
+            return (
+                <td  key={'dates'+milestone.summary} width="150">
+                    <b>{milestone.date}</b>
+                </td>
+            )
         });
 
         const schedule = this.state.schedule.map(milestone => {
-            return (<td title={this.get_title(milestone.summary)} width="150" key={milestone.summary}>
-                {milestone.summary}{' '}<i className="fas fa-question-circle light"></i>
-            </td>)
+            return (
+                <td  key={'schedule'+milestone.summary} title={this.get_title(milestone.summary)} width="150">
+                    {milestone.summary}{' '}<i className="fas fa-question-circle light"></i>
+                </td>
+            )
         });
         return (
             <div>
diff --git a/src/WizardForm.js b/src/WizardForm.js
index 4b124ff..71c58e9 100644
--- a/src/WizardForm.js
+++ b/src/WizardForm.js
@@ -47,7 +47,7 @@ class WizardForm extends Component {
                 this.setState({
                     duration: data.duration
                 });
-                if (this.state.duration.length == 1){
+                if (this.state.duration.length === 1){
                     let x = {target: {value: this.state.duration[0]}};
                     this.duration_selected(x);
                 }
@@ -69,7 +69,7 @@ class WizardForm extends Component {
                     secondary_enabled: false,
                     actions: [],
                 });
-                if (this.state.primary_tags.length == 1){
+                if (this.state.primary_tags.length === 1){
                     let x = {target: {value: this.state.primary_tags[0]}};
                     this.primary_tag_selected(x);
                 }