Move things around, Add logic to disable button

2 files changed, 17 insertions, 9 deletions

diff --git a/src/components/comments/AddComment.tsx b/src/components/comments/AddComment.tsx
index 24ff830a..12fd7e4d 100644
--- a/src/components/comments/AddComment.tsx
+++ b/src/components/comments/AddComment.tsx
@@ -133,7 +133,12 @@ const AddComment: React.FC<AddCommentProps> = ({
           {(theme === 'white' || (theme === 'dark' && keyboardVisible)) && (
             <View style={styles.submitButton}>
               <TouchableOpacity
-                style={styles.submitButton}
+                style={
+                  comment === ''
+                    ? [styles.submitButton, styles.greyButton]
+                    : styles.submitButton
+                }
+                disabled={comment === ''}
                 onPress={addComment}>
                 <UpArrowIcon width={35} height={35} color={'white'} />
               </TouchableOpacity>
@@ -190,6 +195,9 @@ const styles = StyleSheet.create({
     marginVertical: '2%',
     alignSelf: 'flex-end',
   },
+  greyButton: {
+    backgroundColor: 'grey',
+  },
   whiteBackround: {
     backgroundColor: '#fff',
   },
diff --git a/src/components/moments/MomentPostContent.tsx b/src/components/moments/MomentPostContent.tsx
index e76a8ceb..582cba25 100644
--- a/src/components/moments/MomentPostContent.tsx
+++ b/src/components/moments/MomentPostContent.tsx
@@ -88,14 +88,6 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
           />
         </Animated.View>
       )}
-      <View style={styles.footerContainer}>
-        <CommentsCount
-          commentsCount={moment.comments_count.toString()}
-          momentId={moment.moment_id}
-          screenType={screenType}
-        />
-        <Text style={styles.text}>{elapsedTime}</Text>
-      </View>
       {moment.caption !== '' &&
         renderTextWithMentions({
           value: moment.caption,
@@ -104,6 +96,14 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
           onPress: (user: UserType) =>
             navigateToProfile(state, dispatch, navigation, screenType, user),
         })}
+      <View style={styles.footerContainer}>
+        <CommentsCount
+          commentsCount={moment.comments_count.toString()}
+          momentId={moment.moment_id}
+          screenType={screenType}
+        />
+        <Text style={styles.text}>{elapsedTime}</Text>
+      </View>
       <AddComment
         placeholderText={'Add a comment here!'}
         momentId={moment.moment_id}