AndrewIngram

My Awesome Sketch
  First State
    some event -> Second State
  Second State

AndrewIngram

import React from "react";

import useLogin from "@zego/hooks/useLogin";
import BaseLoginForm from "./BaseLoginForm";

import { withTrackableFeature } from "@zego/tracking";

const LoginFormImpl = props => {
  const login = useLogin();

AndrewIngram

import { include, createRouter } from "./lib/router";

const commonRoutes = [
  {
    path: "/terms-of-business/",
    name: "terms-of-business",
    page: "TermsOfBusinessPage",
  },
];

AndrewIngram

import { routes, include } from "@framework/router";
import { relayView, xmlView } from "@framework/engine";

const gbRoutes = routes(
  route({ path: "/", view: "./views/gb/HomepageGb" }),
  route({ path: "/scooter/", view: "./views/gb/ScooterGb" }),
  route({ path: "/car/", view: "./views/gb/CarGb" }),
  route({ path: "/private-hire/", view: "./views/gb/PrivateHireGb" }),
  route({ path: "/blog/:slug/", view: "./views/BlogPost" })
);

AndrewIngram

const path = require('path');
const { createFileNode } = require(`gatsby-source-filesystem/create-file-node`);

async function createLocaleFileNode(filePath, createNode, createNodeId) {
  // HACKITY HACK HACK
  const fileNode = await createFileNode(
    path.resolve(__dirname, filePath),
    createNodeId
  );

AndrewIngram

<Interpose separator={<Hairline />}>
  {products.map(products => <ProductListItem product={product} key={product.id} />)}
</Interpose>

AndrewIngram

// @flow
import { PureComponent } from 'react';
import { graphql, createFragmentContainer } from 'react-relay';

import FormatCurrency from '@zego/components/FormatCurrency';

import { type Price_price } from './__generated__/Price_price.graphql';

type Props = {
  price: Price_price,

AndrewIngram

const authRequired = resolver => (obj, args, context, info) => {
    if (!context.user) {
        return new UserError('Authentication Required');
    }
    return resolver(obj, args, context, info);
}

const myResolver = authRequired((obj, args, context, info) => {
    // Normal logic
});

AndrewIngram

import { makeExecutableSchema } from "graphql-tools";

import RawSchema from "./RawSchema";

import nodeResolver from "./nodeResolver";

import * as graphQLModules from "glob:./**/*.graphql.js";

const schema = new RawSchema();

AndrewIngram

export default schema => {
  schema.define`
    type Venue implements Node {
      id: ID!
      name: String!
      address1: String
      address2: String
      description: String
      postalCode: String
      location: Point