From 21f987a5a59332794b00d3cc55268b76794bd1f7 Mon Sep 17 00:00:00 2001
From: Adolfo Reyna <aeroreyna@gmail.comt>
Date: Fri, 10 Mar 2023 20:06:29 -0600
Subject: [PATCH] Add sharing button logics

---
 components/Post.js          | 10 ++++++++--
 components/ProfileHeader.js | 23 ++++++++++++++++++++---
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/components/Post.js b/components/Post.js
index 0535ec8..c4b3822 100644
--- a/components/Post.js
+++ b/components/Post.js
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Text, ScrollView, FlatList, StyleSheet, View } from 'react-native';
+import { Text, ScrollView, FlatList, StyleSheet, View, Share } from 'react-native';
 import Hyperlink from 'react-native-hyperlink'
 import { Button, Card, Chip } from 'react-native-paper';
 import API from './../API.js';
@@ -12,6 +12,7 @@ import { useSnapshot } from 'valtio';
 import GlobalState from '../contexts/GlobalState.js';
 import i18n from "../i18nMessages.js";
 
+
 let Post = (props) => {
     const gState = useSnapshot(GlobalState);
     const viewer = gState.me;
@@ -90,7 +91,12 @@ let Post = (props) => {
                     {likes}
                 </Button>
                 <Button icon="forum" labelStyle={{ fontSize: 18 }} style={{ flow: 1 }} onPress={() => { changeshowCommentsB(!showCommentsB) }} >{post.comments.length}</Button>
-                <Button icon="ios-share" style={{ flow: 1 }} labelStyle={{ fontSize: 18 }}></Button>
+                <Button icon="ios-share" style={{ flow: 1 }} labelStyle={{ fontSize: 18 }} onPress={()=>{
+                    Share.share({
+                        //message: "https://social.emmint.com/post/" + props.post._id,
+                        url: "https://social.emmint.com/feed/post/" + props.post._id
+                    });
+                }}></Button>
                 <Button
                     icon={!bookmarked ? "bookmark-outline" : "bookmark"}
                     style={{ flow: 1 }}
diff --git a/components/ProfileHeader.js b/components/ProfileHeader.js
index 64c5c91..1158c8b 100644
--- a/components/ProfileHeader.js
+++ b/components/ProfileHeader.js
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { View } from 'react-native';
+import { View, Share } from 'react-native';
 import { Avatar, Button, Card, Title, Paragraph } from 'react-native-paper';
 import UserName from './UserName';
 import FollowButton from './basics/FollowButton';
@@ -15,10 +15,10 @@ const ProfileHeader = ({ profileObj }) => {
                     height: 300
                 }} />
                 <Card.Content style={{}}>
-                    <Title style={{position: "absolute", top: -60, left: 10, backgroundColor: "rgba(255,255,255,0.4)", padding: 10}}>
+                    <Title style={{ position: "absolute", top: -60, left: 10, backgroundColor: "rgba(255,255,255,0.4)", padding: 10 }}>
                         <UserName profileid={profileObj._id} />
                     </Title>
-                    <Paragraph style={{paddingTop:10}}>{profileObj.profile.description}</Paragraph>
+                    <Paragraph style={{ paddingTop: 10 }}>{profileObj.profile.description}</Paragraph>
                     <View style={{
                         position: "absolute",
                         top: -290,
@@ -31,6 +31,23 @@ const ProfileHeader = ({ profileObj }) => {
                     }}>
                         <FollowButton profile={profileObj} />
                     </View>
+                    <View style={{
+                        position: "absolute",
+                        top: -290,
+                        right: 80,
+                        width: 50,
+                        height: 50,
+                        backgroundColor: "#ddd",
+                        borderRadius: 25,
+                        opacity: 0.7
+                    }}>
+                        <Button icon="ios-share" labelStyle={{ fontSize: 24, paddingTop:10 }} onPress={() => {
+                            Share.share({
+                                message: "https://social.emmint.com/feed/" + profileObj._id,
+                                title: profileObj.profile.firstName + " " + profileObj.profile.lastName
+                            });
+                        }}></Button>
+                    </View>
                 </Card.Content>
             </Card>
             {/*