message: Changed Grid to use hooks
diff: -import React from 'react';
  +import React, {useContext, useState} from 'react';
  import {Platform, StyleSheet, ScrollView, View, TouchableHighlight} from 'react-native';
  import {NavigationContext} from 'navigation-react';
  import {SharedElement, NavigationBar, SearchBar, RightBar, BarButton} from 'navigation-react-native';
  @@ -42,14 +42,8 @@ const Container = (props) => (
  Platform.OS === 'ios' ? <ScrollView {...props}/> : <View {...props} />
  );
  -export default class Grid extends React.Component {
  - constructor(props) {
  - super(props);
  - this.state = {text: ''};
  - }
  - render() {
  - const {colors} = this.props;
  - const {text} = this.state;
  +const Grid = ({colors}) => {
  + const [text, setText] = useState('');
  return (
  <Container
  style={styles.scene}
  @@ -63,7 +57,7 @@ export default class Grid extends React.Component {
  text={text}
  autoCapitalize="none"
  obscureBackground={false}
  - onChangeText={text => this.setState({text})}>
  + onChangeText={text => setText(text)}>
  <Colors colors={colors} filter={text} />
  </SearchBar>
  <RightBar>
  @@ -73,8 +67,9 @@ export default class Grid extends React.Component {
  <Colors colors={colors} />
  </Container>
  );
  - }
  -}
  +};
  +
  +export default Grid;
  const styles = StyleSheet.create({
  scene: {
  