peterpme

type action = Toggle | Close | Edit;


let reducer = switch(action) {
| Toggle => "toggle visibility"
| Close => "close me"
| Edit => "edit function"
};

peterpme

let (result) = useQuery(ComponentList.definition);

switch(result) {
| Loading => <LoadingSpinner />
| Error(err) => <ErrorMessage message={err##message} />
| Data(data) => {
  switch(data##componentsList) {
   | None => []
   | Some(components) => components->Belt.Array.map(component => <div> component##value </span>
  }

peterpme

[@genType]
let make = (~render, ~children) => {
  ...component,
  render: _self =>
    <div className="InteriorLayout">
      {render()}
    </div>,
};

peterpme

// Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE

import * as React from 'react'
import * as ReasonReact from 'reason-react/src/ReasonReact.js'

require('./Navigator.css')

var component = ReasonReact.statelessComponent('Navigator')

function make(history, match__, _) {

peterpme

document.body.style.backgroundColor = 'black'

peterpme

import * as React from "react";
import hoistNonReactStatics from 'hoist-non-react-statics';
import { View, ActivityIndicator } from "react-native";

const withLoadingScreen = (size = "small") => WrappedComponent => {
  class LoadingScreen extends React.PureComponent {
    render() {
      if (this.props.loading) return <ActivityIndicator size={size} color="white" />
      return <WrappedComponent {...this.props} />;
    }

peterpme

import { compose } from "redux";
import { compose } from "react-apollo";

// your InfoScreen implementation
// bottom of file:

export default compose(
  connect(mapStateToProps, mapActionCreators),
  withLoadingScreen
)(InfoScreen)

peterpme

import * as React from "react";
import hoistNonReactStatics from 'hoist-non-react-statics';
import { View, ActivityIndicator } from "react-native";

const withLoadingScreen = (size = "small") => WrappedComponent => {
  class LoadingScreen extends React.PureComponent {
    render() {
      if (this.props.loading) return <ActivityIndicator size={size} color="white" />
      return <WrappedComponent {...this.props} />;
    }

peterpme

import * as React from "react";
import hoistNonReactStatics from 'hoist-non-react-statics';
import { View, ActivityIndicator } from "react-native";

const withLoadingScreen = WrappedComponent => {
  class LoadingScreen extends React.PureComponent {
    render() {
      if (this.props.loading) return <ActivityIndicator size="small" color="white" />
      return <WrappedComponent {...this.props} />;
    }

peterpme

import * as React from "react";
import { View, ActivityIndicator } from "react-native";

const withLoadingScreen = WrappedComponent => {
  return class LoadingScreen extends React.PureComponent {
    render() {
      if (this.props.loading) return <ActivityIndicator size="small" color="white" />
      return <WrappedComponent {...this.props} />;
    }
  };