Follow button

components/ProfileCard.js

@@ -5,6 +5,7 @@ import { Avatar, Button, Card, Title, Paragraph } from 'react-native-paper';
 import API from './../API.js';
 import { useNavigation } from '@react-navigation/native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
+import FollowButton from './basics/FollowButton.js';
 
 const DefaultPhoto = "https://social.emmint.com/uploads/e6f9be6d665dc43417701bf16a90122c.png";
 
@@ -59,7 +60,7 @@ let ProfileCard = ({ profileid, hideIcon, profileObj }) => {
                     </Text>
                 </Title>
                 <Paragraph numberOfLines={2}>{profileObj.profile.description}</Paragraph>
-                <Button mode='outlined'>Follow</Button>
+                <FollowButton profile={profile} />
             </Card.Content>
         </Card>