import React , { Fragment } from 'react' ; import { Header } from 'react-navigation-stack' ; import Constants from 'expo-constants' ; import { startCase } from 'lodash' ; import { Link , ListHeader , ListItem , Page , Space } from '../atoms' ; import { repo } from '../providers/urls' ; import * as Application from './application' ; import * as Battery from './battery' ; import * as Brightness from './brightness' ; import * as Font from './font' ; import * as Permissions from './permissions' ; import * as ScreenOrientation from './screen-orientation' ; import * as Sensors from './sensors' ; import * as StoreReview from './store-review' ; import * as WebBrowser from './web-browser' ; export const molecules = { Application , Battery , Brightness , Font , Permissions , ScreenOrientation , Sensors , StoreReview , WebBrowser , } ; export const Overview = ( ) => ( < Page title = 'expo hooks' subtitle = { < > Complementary hooks for < Link url = { repo } > Expo < /Link></ > } header = { < Space top = { Constants . statusBarHeight + Header . HEIGHT } / > } > { Object . entries ( molecules ) . map ( ( [ moleculeName , molecule ] ) => ( < Fragment key = { `molecule-${ moleculeName }` } > < ListHeader > { startCase ( moleculeName ) } < /ListHeader> { Object . values ( molecule ) . map ( ( screen ) => ( < ListItem key = { `screen-${ screen . defaultProps ! . name ! }` } name = { screen . defaultProps ! . name ! } description = { screen . defaultProps ! . description ! } / > ) ) } < /Fragment>))} < /Page>);