peggyrayzis

{
  "presets": [
    "react",
    "stage-2",
    [
      "env",
      {
        "targets": {
          "browsers": [
            "last 2 versions",

peggyrayzis

// Some thoughts on component structure & styling

/*
Easiest way to do themes in Aphrodite - use prop as an obj key
Each component holds their own theme info
*/

import { css, StyleSheet } from 'aphrodite'

const Button = ({ theme }) => (

peggyrayzis

import React from 'react';
import { View, Text } from 'react-native';

export default ({ title, body }) => (
  <View>
    <Text>{title}</Text>
    <Text>{body}</Text>
  </View>
);

peggyrayzis

query MatchSummary($id: String!, $season: String) {
  match(id: $id) {
    stats {
      scores {
        home {
          score
          isWinner: is_winner
        }
        away {
          score

peggyrayzis

import React, { Component } from 'react';
import { graphql } from 'react-apollo';
import { MatchSummary, NoDataSummary } from '@mls-digital/react-components';
import MatchSummaryQuery from './match-summary.graphql';

// here we're using the graphql HOC as a decorator, but you can use it as a function too!
@graphql(MatchSummaryQuery, {
  options: ({ id, season, shouldPoll }) => {
    return {
      variables: {

peggyrayzis

import React, { Component } from 'react';
import { graphql } from 'react-apollo';
import { MatchSummary, NoDataSummary } from '@mls-digital/react-components';
import MatchSummaryQuery from './match-summary.graphql';

const mapResultsToProps = ({ data }) => {
  if (!data.match)
    return {
      loading: data.loading,
    };

peggyrayzis

import React, { Component } from 'react';
import { compose, graphql } from 'react-apollo';
import { NoDataExtension } from '@mls-digital/react-components';
import PostGameExtension from './post-game';
import PreGameExtension from './pre-game';
import PostGameQuery from './post-game.graphql';
import PreGameQuery from './pre-game.graphql';

@compose(
  graphql(PreGameQuery, {

peggyrayzis

import React, { Component } from 'react';
import { requireNativeComponent } from 'react-native';

const FloatingActionButton = requireNativeComponent(
  'FloatingActionButton',
  FloatingActionButtonView,
);

export default class FloatingActionButtonView extends Component {
  render() {

peggyrayzis

import { ApolloClient } from 'apollo-client';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { ApolloLink } from 'apollo-link';
import { withClientState } from 'apollo-link-state';
import { HttpLink } from 'apollo-link-http';

import { defaults, resolvers } from './resolvers/todos';

const cache = new InMemoryCache();

peggyrayzis

export const defaults = {
  visibilityFilter: 'SHOW_ALL',
  todos: [],
};