apollo-client-devtools/shells/dev/target/view.js

Developer tools for Apollo Client, with GraphiQL integration, cache inspection, and query watching.

import React, { Component } from "react";
import { View, Text, StyleSheet } from "react-native-web";
import ExchangeRateList from "./list";
import { colors, fontSize } from "./styles";

export default class ExchangeRateView extends Component {
  state = {
    currency: "USD",
  };

  onCurrencyChange = currency => this.setState(() => ({ currency }));

  render() {
    const { currency } = this.state;

    return (
      <View style={styles.container}>
        <Text style={styles.heading}>{`1 ${this.state.currency}`}</Text>
        <ExchangeRateList
          currency={currency}
          onCurrencyChange={this.onCurrencyChange}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    alignItems: "center",
    justifyContent: "center",
    flex: 1,
  },
  heading: {
    fontSize: fontSize.large,
    fontWeight: "200",
    color: colors.white,
    letterSpacing: 6,
  },
});