ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2025-01-04 20:15:51 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Comment fix

Browse Source
This commit is contained in:
Mustafa Buyukcelebi 2019-09-29 11:41:15 +03:00
parent cc7d113b19
commit 31d0025235
1 changed files with 78 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

171
src/screens/boost/screen/boostScreen.js
View File

@ -1,7 +1,7 @@
import React, { PureComponent, Fragment } from 'react'; import React, { Fragment } from 'react';
import { injectIntl } from 'react-intl';
import { View, Text } from 'react-native'; import { View, Text } from 'react-native';
import get from 'lodash/get'; import get from 'lodash/get';
import { useIntl } from 'react-intl';
// Components // Components
import { BasicHeader, Icon, MainButton, BoostPlaceHolder } from '../../../components'; import { BasicHeader, Icon, MainButton, BoostPlaceHolder } from '../../../components';
@ -15,98 +15,83 @@ import styles from './boostScreenStyles';
const DEALS = { '9999points': 'BEST DEAL!', '4999points': 'POPULAR!' }; const DEALS = { '9999points': 'BEST DEAL!', '4999points': 'POPULAR!' };
class BoostScreen extends PureComponent { const _renderDeal = item => {
/* Props if (DEALS[item.productId]) {
* ------------------------------------------------
* @prop { type } name - Description....
*/
constructor(props) {
super(props);
this.state = {};
}
// Component Life Cycles
// Component Functions
_renderDeal = item => {
if (DEALS[item.productId]) {
return (
<View style={styles.descriptionWrapper}>
<Fragment>
<Text style={styles.description}>{DEALS[item.productId]}</Text>
<View style={styles.triangle} />
</Fragment>
</View>
);
}
return null;
};
_getTitle = title => {
let _title = title.toUpperCase();
if (_title.includes('(ESTEEM)')) {
_title = _title.replace('(ESTEEM)', '');
}
return _title;
};
render() {
const { intl } = this.props;
return ( return (
<InAppPurchaseContainer> <View style={styles.descriptionWrapper}>
{({ buyItem, productList, isLoading, isProcessing }) => ( <Fragment>
<View style={globalStyles.container}> <Text style={styles.description}>{DEALS[item.productId]}</Text>
<BasicHeader <View style={styles.triangle} />
disabled={isProcessing} </Fragment>
title={intl.formatMessage({ </View>
id: 'boost.title',
})}
/>
{isLoading ? (
<BoostPlaceHolder />
) : (
productList.map(item => (
<View style={styles.boostLine} key={get(item, 'productId')}>
{this._renderDeal(item)}
<View style={styles.buttonWrapper}>
<MainButton
style={styles.button}
onPress={() => buyItem(item.productId)}
height={50}
text={intl.formatMessage({
id: 'boost.buy',
})}
isDisable={isProcessing}
isLoading={false}
>
<View style={styles.buttonContent}>
<Text style={styles.buttonText}>{this._getTitle(get(item, 'title'))}</Text>
<View style={styles.buttonIconWrapper}>
<Icon name="add" iconType="MaterialIcons" color="#357ce6" size={23} />
</View>
</View>
</MainButton>
</View>
<View style={styles.priceWrapper}>
{get(item, 'localizedPrice', null) && (
<Text style={styles.priceText}>{get(item, 'localizedPrice', 0)}</Text>
)}
</View>
</View>
))
)}
</View>
)}
</InAppPurchaseContainer>
); );
} }
}
export default injectIntl(BoostScreen); return null;
};
const _getTitle = title => {
let _title = title.toUpperCase();
if (_title.includes('(ESTEEM)')) {
_title = _title.replace('(ESTEEM)', '');
}
return _title;
};
const BoostScreen = () => {
const intl = useIntl();
return (
<InAppPurchaseContainer>
{({ buyItem, productList, isLoading, isProcessing }) => (
<View style={globalStyles.container}>
<BasicHeader
disabled={isProcessing}
title={intl.formatMessage({
id: 'boost.title',
})}
/>
{isLoading ? (
<BoostPlaceHolder />
) : (
productList.map(item => (
<View style={styles.boostLine} key={get(item, 'productId')}>
{_renderDeal(item)}
<View style={styles.buttonWrapper}>
<MainButton
style={styles.button}
onPress={() => buyItem(item.productId)}
height={50}
text={intl.formatMessage({
id: 'boost.buy',
})}
isDisable={isProcessing}
isLoading={false}
>
<View style={styles.buttonContent}>
<Text style={styles.buttonText}>{_getTitle(get(item, 'title'))}</Text>
<View style={styles.buttonIconWrapper}>
<Icon name="add" iconType="MaterialIcons" color="#357ce6" size={23} />
</View>
</View>
</MainButton>
</View>
<View style={styles.priceWrapper}>
{get(item, 'localizedPrice', null) && (
<Text style={styles.priceText}>{get(item, 'localizedPrice', 0)}</Text>
)}
</View>
</View>
))
)}
</View>
)}
</InAppPurchaseContainer>
);
};
export default BoostScreen;