Addding gnome logo

src/components/App.js

@@ -1,6 +1,5 @@
 import React from 'react'
 
-import DevTools from './DevTools'
 import Sidebar from './Sidebar'
 import Switcher from './Switcher'
 
@@ -12,6 +11,4 @@ export default () =>
       <Sidebar />
       <Switcher />
     </div>
-
-    <DevTools />
   </div>

src/components/Home.js

@@ -1,102 +1,18 @@
 import React from 'react'
+
 import styles from '../css/Home'
 
 const Home = () =>
   <div className={styles.home}>
-    <h1>HOME</h1>
-
-    <h2>
-      NOTE: The top set of links are real links made like this:
-    </h2>
-
-    <span style={{ color: 'rgb(200,200,200)', marginTop: 20 }}>
-      HREF STRING:
-    </span>
-    <span>{"<Link to='/list/db-graphql'>DB & GRAPHQL</Link>"}</span>
-
-    <span style={{ color: 'rgb(200,200,200)', marginTop: 20 }}>
-      PATH SEGMENTS:
-    </span>
-    <span>{"<Link to={['list', 'react-redux']}>REACT & REDUX</Link>"}</span>
-
-    <span style={{ color: 'rgb(200,200,200)', marginTop: 20 }}>ACTION:</span>
-    <span>
-      {"<Link to={{ type: 'LIST', payload: {slug: 'fp'} }}>FP</Link>"}
-    </span>
-
-    <h1 style={{ margin: 20 }}>EVENT HANDLERS DISPATCH ACTION</h1>
-
-    <pre>
-      {`
-onClick: () => dispatch({
-  type: 'LIST',
-  payload: { category: 'react-redux' }
-})
-      `}
-    </pre>
-
     <div>
-      <span style={{ color: '#c5af8f', display: 'inline' }}>DIRECTIONS: </span>
-      <span className={styles.directions}>
-        {`inspect the sidebar tabs to see the top set are real <a> tag links and the
-        bottom set not, yet the address bar changes for both. The decision is up to you.
-        When using the <Link /> component, if you provide an action as the \`href\` prop, you never
-        need to worry if you change the static path segments (e.g: \`/list\`) in the routes passed 
-        to \`connectRoutes\`. ALSO: DON'T FORGET TO USE THE BROWSER BACK/NEXT BUTTONS TO SEE THAT WORKING TOO!`}
-      </span>
+      <img
+        alt='gnome'
+        src='https://people.gnome.org/~engagement/logos/GnomeLogoHorizontal.svg'
+      />
+    </div>
+    <div>
+      <h2> Welcome to GNOME blockchains demo </h2>
     </div>
-
-    <h1 style={{ marginTop: 25 }}>LINKS ABOUT REDUX-FIRST ROUTER:</h1>
-
-    {'> '}
-    <a
-      className={styles.articleLinks}
-      target='_blank'
-      href='https://medium.com/faceyspacey/server-render-like-a-pro-w-redux-first-router-in-10-steps-b27dd93859de'
-      rel='noopener noreferrer'
-    >
-      Server-Render Like A Pro in 10 Steps /w Redux-First Router 🚀
-    </a>
-
-    <br />
-    <br />
-
-    {'> '}
-    <a
-      className={styles.articleLinks}
-      target='_blank'
-      href='https://medium.com/faceyspacey/redux-first-router-lookin-sexy-on-code-sandbox-d9d9bea15053'
-      rel='noopener noreferrer'
-    >
-      Things To Pay Attention To In This Demo
-    </a>
-
-    <br />
-    <br />
-
-    {'> '}
-    <a
-      className={styles.articleLinks}
-      target='_blank'
-      href='https://medium.com/faceyspacey/pre-release-redux-first-router-a-step-beyond-redux-little-router-cd2716576aea'
-      rel='noopener noreferrer'
-    >
-      Pre Release: Redux-First Router — A Step Beyond Redux-Little-Router
-    </a>
-
-    <br />
-    <br />
-
-    {'> '}
-    <a
-      className={styles.articleLinks}
-      target='_blank'
-      href='https://medium.com/faceyspacey/redux-first-router-data-fetching-solving-the-80-use-case-for-async-middleware-14529606c262'
-      rel='noopener noreferrer'
-    >
-      Redux-First Router data-fetching: solving the 80% use case for async
-      Middleware
-    </a>
   </div>
 
 export default Home

src/components/Sidebar.js

@@ -7,7 +7,6 @@ import styles from '../css/Sidebar'
 
 const Sidebar = ({ onClick, path }) =>
   <div className={styles.sidebar}>
-    <h2>SEO-FRIENDLY LINKS</h2>
 
     <NavLink activeClassName={styles.active} exact to='/'>HOME</NavLink>
 
@@ -26,34 +25,6 @@ const Sidebar = ({ onClick, path }) =>
       FP
     </NavLink>
 
-    <div style={{ height: 20 }} />
-    <h2>EVENT HANDLERS</h2>
-
-    <span className={active(path, '/')} onClick={() => onClick('HOME')}>
-      HOME
-    </span>
-
-    <span
-      className={active(path, '/list/db-graphql')}
-      onClick={() => onClick('LIST', 'db-graphql')}
-    >
-      DB & GRAPHQL
-    </span>
-
-    <span
-      className={active(path, '/list/react-redux')}
-      onClick={() => onClick('LIST', 'react-redux')}
-    >
-      REACT & REDUX
-    </span>
-
-    <span
-      className={active(path, '/list/fp')}
-      onClick={() => onClick('LIST', 'fp')}
-    >
-      FP
-    </span>
-
     <div style={{ height: 14 }} />
 
     <NavLink

src/index.js

@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom'
 import { Provider } from 'react-redux'
 import createHistory from 'history/createBrowserHistory'
 import AppContainer from 'react-hot-loader/lib/AppContainer'
+
 import App from './components/App'
 import configureStore from './configureStore'
 import counter from './contracts/counter.sol'