// @flow
import React from 'react'
import {View} from 'react-native'
import {ButtonCell} from '../components/cells/button'
import ReactNativeDynamicIcon from 'react-native-dynamic-icon'

export default class IconSettingsView extends React.PureComponent {
  static navigationOptions = {
    title: 'App Icon',
  }

  setIconName(iconType: string) {
    ReactNativeDynamicIcon.setIconName(iconType)
  }

  render() {
    return (
      <View>
        <ButtonCell
          title="Default"
          onPress={() => this.setIconName('__default__')}
        />
        <ButtonCell
          title="Windmill"
          onPress={() => this.setIconName('icon_type_windmill')}
        />
      </View>
    )
  }
}

@@ -40,16 +40,41 @@
 rt %7BView
+, Image, StyleSheet, Text
 %7D from '
@@ -98,308 +98,1056 @@
 ort 
-%7BButtonCell%7D from '../components/cells/button'%0Aimport ReactNativeDynamicIcon from 'react-native-dynamic-icon'%0A%0Aexport default class IconSettingsView extends React.PureComponent %7B%0A  static navigationOptions = %7B%0A    title: 'App Icon',%0A  %7D%0A%0A  setIconName(iconType: string) %7B%0A    ReactNativeDynamic
+Icons from 'react-native-alternate-icons'%0Aimport %7BSection, Cell%7D from 'react-native-tableview-simple'%0Aimport %7BColumn%7D from '../components/layout'%0Aimport includes from 'lodash/includes'%0A%0Aconst styles = StyleSheet.create(%7B%0A  content: %7B%0A    flex: 1,%0A    paddingVertical: 10,%0A  %7D,%0A  title: %7B%0A    fontSize: 16,%0A  %7D,%0A  icon: %7B%0A    width: 16,%0A    height: 16,%0A    borderRadius: 5,%0A    borderWidth: 0.5,%0A  %7D,%0A%7D)%0A%0Aconst icons = %5B%0A  %7B%0A    type: 'default',%0A    src: require('../../../images/about/IconTrans.png'),%0A    title: 'Old Main',%0A  %7D,%0A  %7B%0A    type: 'icon_type_windmill',%0A    src: require('../../../ios/AllAboutOlaf/windmill.png'),%0A    title: 'Windmill',%0A  %7D,%0A%5D%0A%0Aexport default class IconSettingsView extends React.PureComponent %7B%0A  static navigationOptions = %7B%0A    title: 'App Icon',%0A  %7D%0A%0A  state: %7B%0A    iconType: string,%0A  %7D = %7B%0A    iconType: '',%0A  %7D%0A%0A  componentWillMount() %7B%0A    this.getIcon()%0A  %7D%0A%0A  setIcon(iconType: string) %7B%0A    iconType == 'default' ? Icons.reset() : Icons.setIconName(iconType)%0A    this.getIcon()%0A  %7D%0A%0A  getIcon() %7B%0A    
 Icon
-.
 s
+.g
 etIc
@@ -1149,32 +1149,71 @@
 getIconName(
-iconType
+name =%3E this.setState(() =%3E (%7BiconType: name%7D))
 )%0A  %7D%0A%0A  ren
@@ -1259,223 +1259,855 @@
    %3C
-ButtonCell%0A          title=%22Default%22%0A          onPress=%7B() =%3E this.setIconName('__default__')%7D%0A        /%3E%0A        %3CButtonCell%0A          title=%22Windmill%22%0A          onPress=%7B() =%3E this.setIconName('icon_type_windmill'
+Section header=%7B'CHANGE YOUR APP ICON'%7D separatorInsetLeft=%7B58%7D%3E%0A          %7Bicons.map(val =%3E (%0A            %3CCell%0A              key=%7Bval.title%7D%0A              onPress=%7B() =%3E this.setIcon(val.type)%7D%0A              disableImageResize=%7Bfalse%7D%0A              image=%7B%0A                val.type ? (%0A                  %3CImage style=%7Bstyles.icon%7D source=%7Bval.src%7D /%3E%0A                ) : (%0A                  undefined%0A                )%0A              %7D%0A              accessory=%7B%0A                includes(this.state.iconType, val.type)%0A                  ? 'Checkmark'%0A                  : undefined%0A              %7D%0A              cellStyle=%22RightDetail%22%0A              cellContentView=%7B%0A                %3CColumn style=%7Bstyles.content%7D%3E%0A                  %3CText style=%7Bstyles.title%7D%3E%7Bval.title%7D%3C/Text%3E%0A                %3C/Column%3E%0A              %7D%0A            /%3E%0A          )
 )%7D%0A 
@@ -2105,33 +2105,41 @@
     ))%7D%0A        
-/
+%3C/Section
 %3E%0A      %3C/View%3E%0A

Switch to simple tableview with checkmark