From 494677881ac50438af19009b5996cb8548026d61 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Fri, 21 May 2021 19:33:48 -0400
Subject: Add MomentTagType, Add logic to fetch tags for each moment

---
 src/components/moments/MomentPostContent.tsx | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

(limited to 'src/components')

diff --git a/src/components/moments/MomentPostContent.tsx b/src/components/moments/MomentPostContent.tsx
index 193bf40c..9a174e73 100644
--- a/src/components/moments/MomentPostContent.tsx
+++ b/src/components/moments/MomentPostContent.tsx
@@ -1,10 +1,11 @@
 import {useNavigation} from '@react-navigation/native';
-import React, {useEffect} from 'react';
+import React, {useEffect, useState} from 'react';
 import {Image, StyleSheet, Text, View, ViewProps} from 'react-native';
 import {useDispatch, useStore} from 'react-redux';
-import {getCommentsCount} from '../../services';
+import {getCommentsCount, loadMomentTags} from '../../services';
+import {userMomentsFetched} from '../../store/reducers';
 import {RootState} from '../../store/rootReducer';
-import {ScreenType, UserType} from '../../types';
+import {MomentTagType, ScreenType, UserType} from '../../types';
 import {
   getTimePosted,
   navigateToProfile,
@@ -30,12 +31,23 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
   dateTime,
   style,
 }) => {
-  const [elapsedTime, setElapsedTime] = React.useState<string>();
-  const [comments_count, setCommentsCount] = React.useState('');
+  const [elapsedTime, setElapsedTime] = useState('');
+  const [comments_count, setCommentsCount] = useState('');
+  const [tags, setTags] = useState<MomentTagType[]>([]);
   const state: RootState = useStore().getState();
   const navigation = useNavigation();
   const dispatch = useDispatch();
 
+  useEffect(() => {
+    const loadTags = async () => {
+      const response = await loadMomentTags(momentId);
+      if (response) {
+        setTags(response);
+      }
+    };
+    loadTags();
+  }, []);
+
   useEffect(() => {
     const fetchCommentsCount = async () => {
       const count = await getCommentsCount(momentId, false);
-- 
cgit v1.2.3-70-g09d2