aboutsummaryrefslogtreecommitdiff
path: root/src/components/comments
diff options
context:
space:
mode:
authorIvan Chen <ivan@thetaggid.com>2020-12-14 19:22:35 -0500
committerGitHub <noreply@github.com>2020-12-14 19:22:35 -0500
commitb5ecbf3e421e9e6f1dbab9f3f851d265ae8470c6 (patch)
tree4c1ee927a851649ef03c8a05619e2d78f2cdb1f4 /src/components/comments
parent3b7bf256d83e1898642c2aab9072ffbeec8cc032 (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.tsx16
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>
</>