import {platform} from 'onsenui'; import { Page, ProgressCircular } from 'react-onsenui'; import NavBar from '../components/NavBar'; import WeatherIcon from '../components/WeatherIcon'; import Forecast from '../components/Forecast'; import {weatherCodeToColor} from '../util'; const styles = { main: { fontFamily: platform.isIOS() ? 'Lato' : null, textAlign: 'center', color: '#4a4a4a', width: '100%', position: 'absolute', top: '50%', transform: 'translate3d(0, -50%, 0)' }, invalid: { color: 'red', fontSize: '20px' }, progress: { width: '50px', height: '50px' },