Function MyProfile

client/src/component/MyProject.jsx:26–585

(props)

const MyProfile = (props) => {
    const { mode } = props;
    const [showVideo, setShowVideo] = useState(false);

    const handleVideoClose = () => {
        setShowVideo(false);
    };

    // Context for Projects 
    const userProjectContext = useContext(projectContext)
    const { userProjects, getUserProjects, editProject } = userProjectContext;

    let navigate = useNavigate();
    useEffect(() => {
        // Check if user is authenticated, if not, navigate to login page
        if (localStorage.getItem('token')) {
            getUserProjects();
        }
        else {
            navigate('/login')
        }
        // eslint-disable-next-line
    }, [])

    const refEdit = useRef(null)
    const refClose = useRef(null)

    const [project, setproject] = useState({ id: "", etitle: "", edescription: "", egitHubLink: "", eyouTubeLink: "" });
    const updateProject = (currentProject) => {
        refEdit.current.click();
        // Set the title, description and link to edit modal 
        setproject({ id: currentProject._id, etitle: currentProject.title, edescription: currentProject.description, egitHubLink: currentProject.gitHubLink, eyouTubeLink: currentProject.youTubeLink })
    }

    const handleClick = () => {
        // Modify YouTube link
        const modifiedYouTubeLink = modifyYouTubeLink(project.eyouTubeLink);
        // Update project using API call
        editProject(project.id, project.etitle, project.edescription, project.egitHubLink, modifiedYouTubeLink) // Pass modifiedYouTubeLink instead of project.youTubeLink
        refClose.current.click();
        props.showAlert("Project Updated Successfully", "success")
    }

    const refDetails = useRef(null)

    const showDetailProject = (currentProject) => {
        refDetails.current.click();
        // Set the title, description and link to edit modal 
        setproject({ id: currentProject._id, etitle: currentProject.title, edescription: currentProject.description, egitHubLink: currentProject.gitHubLink, eyouTubeLink: currentProject.youTubeLink })
    }

    const onChange = (e) => {
        // Update project state when input value changes
        setproject({ ...project, [e.target.name]: e.target.value });
    }

    // Profile Context
    const userProfileContext = useContext(profileContext);