@holper/react-native-holper-storybook 0.6.89 → 0.6.91

package/lib/components/FlashMessage/index.js

@@ -1,22 +1,44 @@
 import React from 'react';
+import { Platform } from 'react-native';
 import PropTypes from 'prop-types';
 import Ionicons from 'react-native-vector-icons/Ionicons';
-import RNFlashMessage, { showMessage, renderFlashMessageIcon } from 'react-native-flash-message';
+import RNFlashMessage, {
+  showMessage,
+  renderFlashMessageIcon,
+} from 'react-native-flash-message';
 import { Colors } from '../../configs/constants';
 
-export const customRenderFlashMessageIcon = (icon = 'success', style = {}, customProps = {}) => {
-  switch(icon) {
+export const customRenderFlashMessageIcon = (
+  icon = 'success',
+  style = {},
+  customProps = {}
+) => {
+  switch (icon) {
     case 'success':
-      return <Ionicons name='checkmark-circle-outline' color={Colors.darkblue} size={30}/>;
+      return (
+        <Ionicons
+          name='checkmark-circle-outline'
+          color={Colors.darkblue}
+          size={30}
+        />
+      );
     case 'error':
-      return <Ionicons name='alert-circle-outline' color={Colors.darkblue} size={30}/>;
+      return (
+        <Ionicons
+          name='alert-circle-outline'
+          color={Colors.darkblue}
+          size={30}
+        />
+      );
   }
 
   // it's good to inherit the original method...
   return renderFlashMessageIcon(icon, style, customProps);
 };
 
-export const sendMessage = ({variant, message, description}) => {
+const statusBarHeight = Platform.OS === 'android' ? { statusBarHeight: 5 } : {};
+
+export const sendMessage = ({ variant, message, description }) => {
   return showMessage({
     position: 'top',
     message,
@@ -25,8 +47,8 @@ export const sendMessage = ({variant, message, description}) => {
     type: variant,
     backgroundColor: variant === 'success' ? Colors.green : Colors.lightred,
     color: Colors.darkblue,
-    floating: true,
-    hideOnPress: true
+    hideOnPress: true,
+    ...statusBarHeight,
   });
 };
 
@@ -34,17 +56,17 @@ sendMessage.defaultProps = {
   options: {
     variant: 'success',
     message: ' ',
-    description: ' '
-  }
+    description: ' ',
+  },
 };
 
 sendMessage.propTypes = {
   options: PropTypes.shape({
     variant: PropTypes.oneOf(['success', 'error']),
     message: PropTypes.string,
-    description: PropTypes.string
-  })
-}
+    description: PropTypes.string,
+  }),
+};
 
 const FlashMessage = () => {
   return (
@@ -54,6 +76,6 @@ const FlashMessage = () => {
       textStyle={{ fontFamily: 'poppins_regular' }}
     />
   );
-}
+};
 
 export default FlashMessage;

package/package.json

@@ -2,7 +2,7 @@
   "main": "lib/index.js",
   "name": "@holper/react-native-holper-storybook",
   "description": "A component library for Holper projects",
-  "version": "0.6.89",
+  "version": "0.6.91",
   "license": "MIT",
   "files": [
     "lib",