diff options
| author | Shravya Ramesh <37447613+shravyaramesh@users.noreply.github.com> | 2020-11-11 11:13:48 -0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-11-11 14:13:48 -0500 |
| commit | 9b4ba92df514ca8c5c92c4f9279144e2c9d49e36 (patch) | |
| tree | c6dc43da991810416dfd84d93a9b60065ecc859c /src/components | |
| parent | 321c1f9fc883b0f0accff614f0a995fd41c960fe (diff) | |
[TMA-383] Added report button moment (#114)
* Added button on individual moment page to report an issue
* Report issue button disappears when clicked on and reappears when alert is
closed
* Small change
* Moved sendReport() to a ReportingService
* following user's report button now appears
* Update ReportingService.ts
Added alert
* Added back report button
* moved button back to the bottom
* Small change
Co-authored-by: Ashm Walia <ashmwalia@outlook.com>
Co-authored-by: Husam Salhab <47015061+hsalhab@users.noreply.github.com>
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/moments/Moment.tsx | 6 | ||||
| -rw-r--r-- | src/components/moments/MomentTile.tsx | 12 |
2 files changed, 15 insertions, 3 deletions
diff --git a/src/components/moments/Moment.tsx b/src/components/moments/Moment.tsx index 1ec5511e..f905bfe3 100644 --- a/src/components/moments/Moment.tsx +++ b/src/components/moments/Moment.tsx @@ -61,7 +61,11 @@ const Moment: React.FC<MomentProps> = ({title, images, isProfileView}) => { style={styles.scrollContainer}> {images && images.map((imageObj: MomentType) => ( - <MomentTile key={imageObj.moment_id} moment={imageObj} /> + <MomentTile + key={imageObj.moment_id} + moment={imageObj} + isProfileView={isProfileView} + /> ))} {(images === undefined || images.length === 0) && !isProfileView && ( <TouchableOpacity onPress={() => navigateToImagePicker()}> diff --git a/src/components/moments/MomentTile.tsx b/src/components/moments/MomentTile.tsx index 1d483875..787957e0 100644 --- a/src/components/moments/MomentTile.tsx +++ b/src/components/moments/MomentTile.tsx @@ -2,17 +2,25 @@ import {useNavigation} from '@react-navigation/native'; import React from 'react'; import {StyleSheet, View, Image, TouchableOpacity} from 'react-native'; import {MomentType} from 'src/types'; +import {ProfileContext} from '../../routes'; interface MomentTileProps { moment: MomentType; + isProfileView: boolean; } -const MomentTile: React.FC<MomentTileProps> = ({moment}) => { +const MomentTile: React.FC<MomentTileProps> = ({moment, isProfileView}) => { const navigation = useNavigation(); + + //Username is needed by the IndividualMoment screen + const { + user: {username}, + } = React.useContext(ProfileContext); + const {path_hash} = moment; return ( <TouchableOpacity onPress={() => { - navigation.push('IndividualMoment', {moment}); + navigation.push('IndividualMoment', {moment, isProfileView, username}); }}> <View style={styles.image}> <Image style={styles.image} source={{uri: path_hash}} /> |