diff --git a/src/components/basicUIElements/view/placeHolder/boostPlaceHolderStyles.js b/src/components/basicUIElements/view/placeHolder/boostPlaceHolderStyles.js index dc9d791aa..ca71b2e6e 100644 --- a/src/components/basicUIElements/view/placeHolder/boostPlaceHolderStyles.js +++ b/src/components/basicUIElements/view/placeHolder/boostPlaceHolderStyles.js @@ -6,10 +6,13 @@ export default EStyleSheet.create({ borderColor: '$primaryLightBackground', marginRight: 0, marginLeft: 0, - flex: 1, - flexDirection: 'row', + flexDirection: 'column', }, paragraphWrapper: { marginLeft: 50, }, + line: { + flexDirection: 'row', + marginVertical: 10, + }, }); diff --git a/src/components/basicUIElements/view/placeHolder/boostPlaceHolderView.js b/src/components/basicUIElements/view/placeHolder/boostPlaceHolderView.js index a6fffb90a..743c9dd93 100644 --- a/src/components/basicUIElements/view/placeHolder/boostPlaceHolderView.js +++ b/src/components/basicUIElements/view/placeHolder/boostPlaceHolderView.js @@ -1,5 +1,5 @@ /* eslint-disable radix */ -import React, { Fragment } from 'react'; +import React from 'react'; import { connect } from 'react-redux'; import { Dimensions, View } from 'react-native'; import times from 'lodash/times'; @@ -11,15 +11,17 @@ const HEIGHT = Dimensions.get('window').height; const BoostPlaceHolder = ({ isDarkTheme }) => { const color = isDarkTheme ? '#2e3d51' : '#f5f5f5'; - const ratio = (HEIGHT - 300) / 50; + const ratio = (HEIGHT - 300) / 50 / 1.3; const listElements = []; times(parseInt(ratio), i => { listElements.push( - - - - + + + + + + , ); diff --git a/src/screens/boost/screen/boostScreen.js b/src/screens/boost/screen/boostScreen.js index d36d06902..745a85add 100644 --- a/src/screens/boost/screen/boostScreen.js +++ b/src/screens/boost/screen/boostScreen.js @@ -62,7 +62,7 @@ class BoostScreen extends PureComponent { })} /> - {true ? ( + {isLoading ? ( ) : ( productList.map(item => (