pebblebed/site/src/App.js

Simplified interactions with Google Datastore for NodeJS

import React from "react";
import { Router, Link } from "react-static";
import { createComponent } from "react-fela";

import Routes from "react-static-routes";
import { Colors } from "./fela/Colors";

const AppStyles = createComponent(() => ({
  background: Colors.BrightRed,
  "& img": {
    width: 100,
    maxWidth: "100%",
  }
}), "div");

export default () =>
  <Router>
    <AppStyles>
      <nav>
        <Link to="/">Home</Link>
        <Link to="/about">About</Link>
        <Link to="/blog">Blog</Link>
      </nav>
      <div className="content">
        <Routes />
      </div>
    </AppStyles>
  </Router>;