Ranatchai

import { clientState } from './src/state/clientState'

const client = new ApolloClient({
  clientState
})

export default class App extends React.Component {
  render() {
    return (
      <ApolloProvider client={client}>

Ranatchai

import React from 'react'
import { withRouter } from 'utils/native'
import { some } from 'lodash'

export const HistoryStackContext = React.createContext()

export const HistoryStackConsumer = HistoryStackContext.Consumer
export const HistoryStack = withRouter(
  class HistoryStack extends React.Component {
    constructor(props) {

Ranatchai

import React from 'react'
import { withRouter } from 'react-router-dom'
import { track } from './tracker'
import { getQueryParams } from './utils/params'
import { EVENT_PAGE_VIEW } from './utils/event'
import ReactGA from 'react-ga'

export const TrackPageView = withRouter(
  class TrackPageView extends React.Component {
    componentDidMount() {

Ranatchai

import React from 'react'

const MIXPANEL_TOKEN = '' // token here
const appProperties = {}
const _waitTracking = []
let mixpanel = null
let isInit = false

/*
always load mixpanel dynamic because it's huge https://github.com/mixpanel/mixpanel-js/issues/128

Ranatchai

function onOrientationChange(callback) {
  Dimensions.addEventListener('change', () => {
    const { width, height } = Dimensions.get('window')
    const orientation = width > height ? 'landscape': 'portrait'
    callback(orientation)
  })
}

onOrientationChange((orientation) => {
  this.setState({ orientation })

Ranatchai

import { Progress } from 'antd'
import React, { PureComponent } from 'react'
import styled, { injectGlobal  } from 'styled-components'

const StyledProgress = styled(Progress)`
  display: block;
  width: 200px;
  margin-top: 2px;
  .ant-progress-outer {
    display: block;