Function DiscussionForum

client/src/component/DiscussionForum.jsx:4–200

(props)

import { useState, useEffect } from 'react';

const DiscussionForum = (props) => {
    const VITE_SERVER_PORT = import.meta.env.VITE_SERVER_PORT || "https://bitbox-uxbo.onrender.com";

    const [questions, setQuestions] = useState([]);

    // Fetch questions from the backend API
    useEffect(() => {
        const fetchQuestions = async () => {
            try {
                const response = await fetch(`${VITE_SERVER_PORT}/api/discussion/getQuestion`);
                if (response.ok) {
                    const data = await response.json();
                    setQuestions(data);
                } else {
                    console.error('Failed to fetch questions');
                }
            } catch (error) {
                console.error('Error fetching questions:', error);
            }
        };

        fetchQuestions();

        // eslint-disable-next-line
    }, []);

    // Helper function to save a new question
    const addQuestion = async (content) => {
        const newQuestion = {
            content,
            answered: false,
            answer: '',
        };

        try {
            const response = await fetch(`${VITE_SERVER_PORT}/api/discussion/postQuestion`, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify(newQuestion),
            });

            if (response.ok) {
                const savedQuestion = await response.json();
                setQuestions((prevQuestions) => [...prevQuestions, savedQuestion]);
            } else {
                console.error('Failed to add question');
            }
        } catch (error) {
            console.error('Error adding question:', error);
        }
    };

    // Helper function to add an answer to a question
    const addAnswer = async (questionId, answerContent) => {
        try {
            const response = await fetch(`${VITE_SERVER_PORT}/api/discussion/${questionId}/answer`, {