diff options
author | Ivan Chen <ivan@thetaggid.com> | 2020-12-14 19:22:35 -0500 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-12-14 19:22:35 -0500 |
commit | b5ecbf3e421e9e6f1dbab9f3f851d265ae8470c6 (patch) | |
tree | 4c1ee927a851649ef03c8a05619e2d78f2cdb1f4 /src/components/comments | |
parent | 3b7bf256d83e1898642c2aab9072ffbeec8cc032 (diff) |
[TMA-406&201] User Handle UI for Individual Moments (#129)
* initial work
* made big progress towards flatlist moment view
* UI done, just need to pass in data now
* minor fixes to get things actually running correctly
* vertical scroll working
* initial index working
* moment drawer text color to red
* moved report to drawer
* removed garbage
* added ?
Diffstat (limited to 'src/components/comments')
-rw-r--r-- | src/components/comments/CommentsCount.tsx | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/comments/CommentsCount.tsx b/src/components/comments/CommentsCount.tsx index d210c39a..325e2788 100644 --- a/src/components/comments/CommentsCount.tsx +++ b/src/components/comments/CommentsCount.tsx @@ -1,8 +1,8 @@ +import {useNavigation} from '@react-navigation/native'; import * as React from 'react'; -import {Text} from 'react-native-animatable'; import {StyleSheet, TouchableOpacity} from 'react-native'; +import {Text} from 'react-native-animatable'; import CommentIcon from '../../assets/icons/moment-comment-icon.svg'; -import {useNavigation} from '@react-navigation/native'; import {ScreenType} from '../../types'; /** @@ -11,20 +11,20 @@ import {ScreenType} from '../../types'; */ type CommentsCountProps = { - comments_count: string; - moment_id: string; + commentsCount: string; + momentId: string; screenType: ScreenType; }; const CommentsCount: React.FC<CommentsCountProps> = ({ - comments_count, - moment_id, + commentsCount, + momentId, screenType, }) => { const navigation = useNavigation(); const navigateToCommentsScreen = async () => { navigation.push('MomentCommentsScreen', { - moment_id, + moment_id: momentId, screenType, }); }; @@ -33,7 +33,7 @@ const CommentsCount: React.FC<CommentsCountProps> = ({ <TouchableOpacity onPress={() => navigateToCommentsScreen()}> <CommentIcon style={styles.image} /> <Text style={styles.count}> - {comments_count !== '0' ? comments_count : ''} + {commentsCount !== '0' ? commentsCount : ''} </Text> </TouchableOpacity> </> |