Fix and improve inspiration screens

Author: ethanshar

demo/src/assets/icons/plus.png

@@ -7,6 +7,7 @@ Assets.loadAssetsGroup('icons.demo', {
   close: require('./assets/icons/close.png'),
   dashboard: require('./assets/icons/dashboard.png'),
   image: require('./assets/icons/image.png'),
+  plus: require('./assets/icons/plus.png'),
   refresh: require('./assets/icons/refresh.png'),
   search: require('./assets/icons/search.png')
 });

demo/src/assets/icons/[email protected]

@@ -1,6 +1,6 @@
 import React, {Component} from 'react';
 import {StyleSheet, ScrollView} from 'react-native';
-import {Colors, Spacings, View, Card, Text, Image, Constants} from 'react-native-ui-lib';
+import {Assets, Colors, Spacings, View, Card, Text, Image, Button, Constants} from 'react-native-ui-lib';
 import _ from 'lodash';
 
 import './configurations';
@@ -86,6 +86,14 @@ class Pinterest extends Component {
         activeOpacity={1}
       >
         <Image style={[styles.image, {aspectRatio: image.aspectRatio}]} source={{uri: image.uri}} width={COLUMN_SIZE}/>
+        <View absF bottom right pointerEvents="none" padding-s2>
+          <Button
+            iconSource={Assets.icons.demo.plus}
+            round
+            size={Button.sizes.xSmall}
+            backgroundColor={Colors.rgba(Colors.grey80, 0.7)}
+          />
+        </View>
       </Card>
     );
   }
@@ -108,8 +116,8 @@ class Pinterest extends Component {
 
     if (!images) {
       return (
-        <View>
-          <Text>Loading</Text>
+        <View flex center>
+          <Text text60>Loading...</Text>
         </View>
       );
     }

demo/src/assets/icons/[email protected]

@@ -86,12 +86,12 @@ class Product extends Component {
               }}
             >
               {_.map(colorOptions, (colorOption, colorKey) => {
-                return <Picker.Item value={colorKey} label={colorOption.name}/>;
+                return <Picker.Item key={colorKey} value={colorKey} label={colorOption.name}/>;
               })}
             </Picker>
             <Picker migrate value={selectedSize} onChange={(value: string) => this.setState({selectedSize: value})}>
               {_.map(sizeOptions, (sizeOption, sizeKey) => {
-                return <Picker.Item value={sizeKey} label={sizeOption.name}/>;
+                return <Picker.Item key={sizeKey} value={sizeKey} label={sizeOption.name}/>;
               })}
             </Picker>
           </View>