0.26.1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pebble-native",
-  "version": "0.26.0",
+  "version": "0.26.1",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "files": [

src/components/Banner.tsx

@@ -57,6 +57,8 @@ const Banner: React.FunctionComponent<BannerProps> = ({
   return (
     <View style={[styles.container, style]}>
       <View style={styles.innerContainer}>
+        {!!image && <Image source={image} style={[styles.image, imageStyle]} />}
+
         <Text style={styles.title} size={13} color={colors.gray.dark}>
           {title}
         </Text>
@@ -78,7 +80,6 @@ const Banner: React.FunctionComponent<BannerProps> = ({
             </Text>
           </Button>
         )}
-        {!!image && <Image source={image} style={[styles.image, imageStyle]} />}
       </View>
     </View>
   );

src/components/InfoCard.tsx

@@ -25,11 +25,10 @@ const styles = StyleSheet.create({
     alignItems: "center"
   },
   imageWrapper: {
-    width: 200,
-    height: 140,
+    height: 100,
     position: "absolute",
-    bottom: -45,
-    right: -25
+    bottom: -20,
+    right: -30
   },
   descriptionText: {
     width: "60%",
@@ -128,7 +127,7 @@ class InfoCard extends React.Component<InfoCardProps, InfoCardState> {
             <View style={styles.defaultContent}>
               {!!image && (
                 <Image
-                  style={styles.imageWrapper as any}
+                  style={[styles.imageWrapper as any, style.imageWrapper]}
                   source={image}
                   resizeMode="contain"
                 />

src/components/typings/InfoCard.ts

@@ -16,6 +16,7 @@ export interface InfoCardProps {
     container?: any;
     topSection?: any;
     heading?: any;
+    imageWrapper?: any;
   };
   disabled?: boolean;
 }

storybook/stories/banner.story.tsx

@@ -10,6 +10,11 @@ storiesOf("Banner", module).add("Default", () => (
       description="Kasturi Maniratnam is recently moved in final negotiations."
       buttonText="ADD BOOKING INFO"
       image={require("../../assets/dummy.png")}
+      imageStyle={{
+        height: 130,
+        width: 130,
+        bottom: -13
+      }}
     />
   </CenterView>
 ));

storybook/stories/infoCard.story.tsx

@@ -16,6 +16,13 @@ storiesOf("InfoCard", module)
           description="Have more information about Kasturi to add?"
           linkText="Click here to add"
           image={require("../../assets/dummy.png")}
+          style={{
+            imageWrapper: {
+              width: 120,
+              height: 120,
+              bottom: -26
+            }
+          }}
         />
       </View>
     </CenterView>