Follow button

components/GroupCard.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";
 
@@ -62,7 +63,7 @@ let ProfileCard = ({ profileid, hideIcon, profileObj }) => {
                 </Title>
                 <Paragraph numberOfLines={4}>{profileObj.profile.description}</Paragraph>
                 <Text>
-                    <Button mode='outlined'>Follow</Button>
+                    <FollowButton profile={profile} />
                     <Text><Icon name={"hail"} size={18} />
                     {Object.keys(profile.subscribed).length}</Text>
                 </Text>