friend profile screen fixed

HeligPfleigh · Jun 4, 2018 · 01a57bd · 01a57bd
1 parent 581b85e
commit 01a57bd
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 27 deletions.
diff --git a/src/container/FriendProfileScreen/Details/Intro.js b/src/container/FriendProfileScreen/Details/Intro.js
@@ -1,36 +1,34 @@
 import React, { Component } from "react";
-import { Text, Body, Card, CardItem, Icon } from "native-base";
-import { View } from "react-native";
+import { Text, Content, Card, CardItem, Icon } from "native-base";
 
 class Intro extends Component {
   render() {
     return (
       <Card>
         <CardItem>
-          <Body>
-            <View style={{ margin: 10 }}>
-              <Text>
-                <Icon name="ios-male" style={{ fontSize: 13, lineHeight: 35, paddingRight: 15 }} />
-                <Text> Giới tính: </Text>
-                {this.props.info.profile.gender === "female" ? "nữ" : "nam"}
-              </Text>
-              <Text>
-                <Icon name="ios-calendar-outline" style={{ fontSize: 13, lineHeight: 35, paddingRight: 15 }} />
-                <Text>Sinh nhật: </Text>
-                {this.props.info.profile.dob === null ? "chưa cung cấp" : this.props.info.profile.dob.toString().split("T")[0]}
-              </Text>
-              <Text>
-                <Icon name="ios-podium-outline" style={{ fontSize: 13, lineHeight: 35, paddingRight: 15 }} />
-                <Text>Toà nhà: </Text> {this.props.info.building.name}{" "}
-              </Text>
-              <Text>
-                <Icon name="ios-call" style={{ fontSize: 13, lineHeight: 35, paddingRight: 15 }} />
-                <Text>Số điện thoại: </Text>
-                {this.props.info.phone === null ? "chưa cung cấp" : this.props.info.phone.number}
-              </Text>
-            </View>
-          </Body>
+          <Icon small name="ios-male" />
+          <Text> Giới tính: {this.props.info.profile.gender === "female" ? "nữ" : "nam"}</Text>
         </CardItem>
+
+        <CardItem>
+          <Icon small name="ios-calendar-outline" />
+          <Text>
+            Sinh nhật:{" "}
+            {this.props.info.profile.dob === null
+              ? "chưa cung cấp"
+              : this.props.info.profile.dob.toString().split("T")[0]}
+          </Text>
+        </CardItem>
+
+        <CardItem>
+          <Icon small name="ios-podium-outline" />
+          <Text>Toà nhà: {this.props.info.building.name}</Text>
+        </CardItem>
+        <CardItem>
+          <Icon small name="ios-call" />
+          <Text>Số điện thoại: {this.props.info.phone === null ? "chưa cung cấp" : this.props.info.phone.number}</Text>
+        </CardItem>
+        <CardItem />
       </Card>
     );
   }

diff --git a/src/container/Home/index.js b/src/container/Home/index.js
@@ -179,11 +179,10 @@ class HomeScreen extends Component {
           />
           <Pagination
             horizontal
-            // dotThemeLight //<--use with backgroundColor:"grey"
             listRef={this.refs} //to allow React Native Pagination to scroll to item when clicked  (so add "ref={r=>this.refs=r}" to your list)
             paginationVisibleItems={this.state.viewableItems} //needs to track what the user sees
             paginationItems={getFeeds.edges} //pass the same list as data
-            paginationItemPadSize={0} //num of items to pad above and below your visable items
+            paginationItemPadSize={-1} //num of items to pad above and below your visable items
             dotIconColorActive="rgba(85,186,255, 1)"
 
           />