Dev

README.md

@@ -16,7 +16,7 @@ As of the latest project update (May 27th, 2024), "Live Timeless" has successful
 
 - **Coaching Chatbot:** Fully integrated with Google's gemini pro model, the AI coaching chatbot is operational, offering personalized plans and actionable steps to help users achieve their health goals.
 
-- **User Account Management:**: All user account management features are complete and functioning as intended, making it GDPR (General data protection regulation) compliant. This includes:
+- **User Account Management:** All user account management features are complete and functioning as intended, making it GDPR (General data protection regulation) compliant. This includes:
 
 - Secure registration and login processes.
 - Functionalities to delete accounts and download user data.

src/components/CardPost.js

@@ -9,7 +9,7 @@
 import PropTypes from 'prop-types';
 import { supabase } from '../config/supabaseClient';
 
 const CardPost = (props) => {
   const session = useSelector(({ user }) => user.session);
   const user = session?.user;
   const [showModalCardOptions, setShowModalCardOptions] = useState(false);
@@ -22,8 +22,8 @@
   const [showLikesModal, setShowLikesModal] = useState(false);
   const [likedUsers, setLikedUsers] = useState([]);
 
   useEffect(() => {
     if (!showModalCardOptions && successDeleting) {
       Alert.alert('Success!', 'Your post was deleted!');
       props.actions.onDeletePostSuccess(props.postId);
     }
@@ -60,7 +60,7 @@
 
   const fetchLikedUsers = async () => {
     try {
-      // Get user_ids who liked the post
+      // grab user_ids who liked the post
       const { data: likeData, error: likeError } = await supabase
         .from('Like')
         .select('user_id')
@@ -76,7 +76,7 @@
 
       const userIds = likeData.map(like => like.user_id);
 
-      // Get user details from User table
+      // grab user details from User table
       const { data: usersData, error: usersError } = await supabase
         .from('User')
         .select('user_id, username, profile_image')
@@ -92,23 +92,22 @@
   };
 
   const renderCardContent = () => (
-    fetchLikeCount(),
-    fetchLikeStatus(),
     <View>
       {props.post.habit_photo && (
         <Image source={{ uri: props.post.habit_photo }} style={styles.habitImage} resizeMode="cover" />
       )}
       <View style={styles.cardPostDescriptionContainer}>
+      {/* <View style={styles.cardPostDescriptionContainer}> */}
+        <Text style={styles.postText}>{props.postDescription}</Text>
+      </View>
         <TouchableOpacity onPress={fetchLikedUsers}>
           <Text style={styles.textSubtitle}>{countLikes} likes</Text>
         </TouchableOpacity>
       </View>
-      <View style={styles.cardPostDescriptionContainer}>
-        <Text style={styles.textUserName}>{props.postUser?.name ?? 'Unknown User'} </Text>
-        <Text style={styles.postText}>{props.postDescription}</Text>
-      </View>
-    </View>
+
+    // </View>
   );
+
 
   const renderCardActions = () => (
     <View style={styles.containerActions}>
@@ -130,7 +129,7 @@
     </View>
   );
 
   const onPressLike = async () => {
     try {
       if (!user || !user.id) {
         throw new Error('User is not defined or does not have an id');
@@ -204,7 +203,7 @@
       setLikeFromUser(likeData.length > 0);
     } catch (error) {
       Alert.alert('Error', 'Failed to fetch like status');
     }
   };
 
   const onPressComment = () => {
@@ -217,7 +216,7 @@
       postData
     });
   };
 
   const toggleModalOptions = () => {
     if (isPostFromUserLoggedIn) {
       props.setBlurActive(!showModalCardOptions);
@@ -251,7 +250,7 @@
           <TouchableOpacity style={styles.buttonActions} onPress={onPressComment}>
             <Image source={require('../../assets/icons/message-dots.png')} style={styles.icon} />
             <Text style={styles.textPostActions}>{props.actions.countComments > 0 ? props.actions.countComments : null}</Text>
           </TouchableOpacity>
         </View>
 
         <Modal
@@ -319,9 +318,12 @@
   textUserName: {
     fontWeight: 'bold',
     color: Colors.text,
+    marginLeft: 10,
   },
   textSubtitle: {
     color: '#FFFFFF',
+    marginLeft: 10,
+    marginTop: 5,
   },
   cardPostVerticalEllipsis: {
     width: 24,
@@ -330,14 +332,19 @@
   habitImage: {
     width: '100%',
     height: 400,
+    borderRadius: 20,
   },
   cardPostDescriptionContainer: {
-    flexDirection: 'row',
+    flexDirection: 'column', 
     alignItems: 'flex-start',
     padding: 10,
   },
   postText: {
     color: Colors.text,
+    marginLeft: 5, 
+    marginBottom: 10,
+    marginTop: 5,
+    lineHeight: 25,
   },
   containerActions: {
     flexDirection: 'row',
@@ -354,6 +361,13 @@
     marginLeft: 5,
     color: Colors.text,
   },
+  cardShadow: {
+    marginBottom: 5, 
+    borderTopWidth: 0.2,
+    // borderBottomWidth: 1,
+    borderColor: 'rgba(255, 255, 255, 0.6)',    
+    paddingVertical: 5, 
+    },
   icon: {
     width: 29,
     height: 29,
@@ -392,7 +406,7 @@
   },
   closeButton: {
     marginTop: 20,
-    padding: 10,
+    padding: 15, 
     backgroundColor: Colors.primary,
     borderRadius: 5,
   },
@@ -402,4 +416,5 @@
   },
 });
 
+
 export default CardPost;

src/components/CommentCard.js

@@ -7,7 +7,7 @@ import Colors from '../../assets/styles/Colors';
 import { Image } from 'react-native';
 import moment from 'moment';
 
-export default function CommentCard({ commentData }) {
+export default function CommentCard({ commentData}) {
     return (
         <View style={styles.container}>
             <View style={styles.headerContainer}>
@@ -18,7 +18,7 @@ export default function CommentCard({ commentData }) {
                 <View>
                     <Text style={styles.textUserName}>{commentData.user_id.username}</Text>
                     <Text style={styles.textSubtitle}>
-                        {moment(commentData.createdAt).local().startOf('second').fromNow()}
+                        {moment(commentData.created_at).fromNow()}
                     </Text>
                 </View> 
             </View>

src/screens/FollowScreen.js

@@ -218,7 +218,7 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
   },
   unfollowButton: {
-    color: Colors.secondary,
+    color: 'white',
     fontWeight: 'bold',
   },
   alreadyFollowing: {

src/screens/FollowersScreen.js

@@ -248,7 +248,7 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
   },
   unfollowButton: {
-    color: Colors.secondary,
+    color: 'white',
     fontWeight: 'bold',
   },
   alreadyFollowing: {