AppIcon fix

components/common/app-icon.js

@@ -17,7 +17,7 @@ AppIcon.propTypes = {
 }
 
 AppIcon.defaultProps = {
-  isCTA: 'black'
+  color: 'black'
 }
 
 const styles = StyleSheet.create({

components/header/side-menu.js

@@ -21,7 +21,7 @@ const SideMenu = ({ shouldShowMenu, toggleMenu }) => {
     <React.Fragment>
       {!shouldShowMenu &&
         <TouchableOpacity onPress={toggleMenu}>
-          <AppIcon name={'dots-three-vertical'} color={Colors.orange}/>
+          <AppIcon name='dots-three-vertical' color={Colors.orange}/>
         </TouchableOpacity>
       }
       {shouldShowMenu &&
@@ -34,7 +34,7 @@ const SideMenu = ({ shouldShowMenu, toggleMenu }) => {
           <View style={styles.blackBackground}></View>
           <View style={styles.menu}>
             <TouchableOpacity onPress={toggleMenu} style={styles.iconContainer}>
-              <AppIcon name={'cross'} color={'black'}/>
+              <AppIcon name='cross' color='black'/>
             </TouchableOpacity>
             {settingsMenuItems.map(item =>
               <MenuItem

components/settings/menu-item.js

@@ -23,7 +23,7 @@ const MenuItem = ({ item, last, navigate }) => {
           <AppText style={styles.title}>{item.name}</AppText>
           {item.text.length > 0 && <AppText>{item.text}</AppText>}
         </View>
-        <AppIcon name={'chevron-right'} color={Colors.orange}/>
+        <AppIcon name='chevron-right' color={Colors.orange}/>
       </TouchableOpacity>
     </Segment>
   )