Follow button

components/ProfileHeader.js

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { Text } from 'react-native';
 import { Avatar, Button, Card, Title, Paragraph } from 'react-native-paper';
 import UserName from './UserName';
+import FollowButton from './basics/FollowButton';
 
 const DefaultPhoto = "https://social.emmint.com/uploads/e6f9be6d665dc43417701bf16a90122c.png";
 
@@ -16,7 +17,7 @@ const ProfileHeader = ({ profileObj }) => {
                         <UserName profileid={profileObj._id} />
                     </Title>
                     <Paragraph>{profileObj.profile.description}</Paragraph>
-                    <Button mode='outlined'>Follow</Button>
+                    <FollowButton profile={profileObj} />
                 </Card.Content>
             </Card>
             {/*