81 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
			
		
		
	
	
			81 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
| import{Box, ScrollView} from "native-base";
 | |
| import React, { useContext, useEffect, useState } from "react";
 | |
| import { UserContext } from "../context/UserContext";
 | |
| import { API } from "../environment/api";
 | |
| import { CommentCard } from "./CommentCard";
 | |
| 
 | |
| export default function Home() {
 | |
|   const { user } = useContext(UserContext)
 | |
|   const [isRequesting, setIsRequesting] = useState(false);
 | |
|   const [comments, setComments] = useState([]);
 | |
|   const user_type=user.user_type;
 | |
|   //const user_type="4";
 | |
|   const community_id=user.community_id;
 | |
|   //const community_id="1";
 | |
|   useEffect(() => {
 | |
| 
 | |
|     console.log(user);
 | |
| 
 | |
|     const onRequestCommentsData = async () => {
 | |
|       setIsRequesting(true);
 | |
| 
 | |
|       try {
 | |
|         if(user_type=="4"){
 | |
|           const jsonResponse = await fetch(`${API.BASE_URL}/post/findPostCommunity/`+`${community_id}`, {
 | |
|             method: "GET",
 | |
|             headers: {
 | |
|               'Content-Type': 'application/json'
 | |
|             }
 | |
|           })
 | |
|           const response = await jsonResponse.json();
 | |
|           setComments(response.message);
 | |
| 
 | |
|         }else{
 | |
|           const jsonResponse = await fetch(`${API.BASE_URL}/post/allPosts`, {
 | |
|             method: "GET",
 | |
|             headers: {
 | |
|               'Content-Type': 'application/json'
 | |
|             }
 | |
|           })
 | |
|   
 | |
|           const response = await jsonResponse.json();
 | |
|           setComments(response.message);
 | |
|         }
 | |
| 
 | |
|       } catch (error) {
 | |
| 
 | |
|       }
 | |
| 
 | |
|       setIsRequesting(false)
 | |
|     }
 | |
| 
 | |
|     onRequestCommentsData()
 | |
| 
 | |
|   }, [user])
 | |
| 
 | |
| 
 | |
|   return (
 | |
| 
 | |
|     <Box alignItems="center">
 | |
| 
 | |
|       <ScrollView width='100%' h='550' ml='1' _contentContainerStyle={{
 | |
|         px: "20px",
 | |
|         mb: "4",
 | |
|         minW: "72"
 | |
|       }}>
 | |
| 
 | |
|         {
 | |
|           comments.map(item => (
 | |
|             <CommentCard
 | |
|               key={item._id}
 | |
|               post={item.post}
 | |
|               //date={date}
 | |
|             />
 | |
|           ))
 | |
|         }
 | |
| 
 | |
|       </ScrollView>
 | |
|     </Box>
 | |
|   )
 | |
| }
 |