added info text in boost screen

src/components/postBoost/postBoostStyles.js

@@ -173,4 +173,23 @@ export default EStyleSheet.create({
     alignItems: 'center',
     flexDirection: 'row',
   },
+  infoWrapper: {
+    backgroundColor: '$primaryLightBackground',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    fontSize: 16,
+    paddingHorizontal: 16,
+    borderRadius: 16,
+    paddingVertical: 8,
+    marginTop: 40,
+  },
+  infoIcon: {
+    color: '$primaryDarkGray',
+  },
+  infoText: {
+    fontSize: 16,
+    marginLeft: 8,
+    color: '$primaryDarkGray',
+  },
 });

src/components/postBoost/postBoostView.js

@@ -225,6 +225,16 @@ class BoostPostScreen extends PureComponent {
             </View>
 
             <View style={styles.bottomContent}>
+              <View style={styles.infoWrapper}>
+                <Icon
+                  size={20}
+                  style={styles.infoIcon}
+                  iconType="MaterialIcons"
+                  name="info-outline"
+                />
+                <Text style={styles.infoText}>{intl.formatMessage({ id: 'boost.info' })}</Text>
+              </View>
+
               <MainButton
                 style={styles.button}
                 isDisable={

src/config/locales/en-US.json

@@ -659,6 +659,7 @@
     "title": "Get Points",
     "buy": "GET Points",
     "next": "NEXT",
+    "info": "Actual value of vote you receive may vary",
     "account": {
       "title": "Get Account Boost",
       "desc": "30 days delegation will boost your votes and social activities and give you more actions with more Resource Credits."