Added message with available shops

gersomvg · Jul 31, 2018 · 2c8ba6b · 2c8ba6b
1 parent cdc5d9e
commit 2c8ba6b
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/.expo/packager-info.json b/.expo/packager-info.json
@@ -1,7 +1,7 @@
 {
   "expoServerPort": 19000,
   "packagerPort": 19001,
-  "packagerPid": 31052,
+  "packagerPid": 83220,
   "expoServerNgrokUrl": null,
   "packagerNgrokUrl": null,
   "ngrokPid": null

diff --git a/src/modules/Product/components/Shops.js b/src/modules/Product/components/Shops.js
@@ -1,9 +1,13 @@
 import React from 'react';
 import RN from 'react-native';
 import PT from 'prop-types';
+import { connect } from 'react-redux';
 
 import { Text } from 'common';
 
+@connect(state => ({
+    shops: state.shops.items,
+}))
 class Shops extends React.PureComponent {
     static propTypes = {
         product: PT.object.isRequired,
@@ -29,7 +33,16 @@ class Shops extends React.PureComponent {
 
     renderShops = () => {
         return (
-            <RN.View style={styles.shops}>{this.props.product.shops.map(this.renderShop)}</RN.View>
+            <React.Fragment>
+                <RN.View style={styles.shops}>
+                    {this.props.product.shops.map(this.renderShop)}
+                </RN.View>
+                <Text size="smaller" color="lighter" style={styles.subtitle}>
+                    Informatie is beschikbaar van{' '}
+                    {this.props.shops.map(shop => shop.name).join(', ')}. Binnenkort zullen andere
+                    supermarkten volgen.
+                </Text>
+            </React.Fragment>
         );
     };
 
@@ -60,6 +73,10 @@ const styles = RN.StyleSheet.create({
         flexWrap: 'wrap',
         justifyContent: 'center',
     },
+    subtitle: {
+        marginBottom: 32,
+        paddingHorizontal: 16,
+    },
     shopContainer: {
         marginHorizontal: 8,
         marginBottom: 16,