diff --git a/src/components/profile/v2/Writeups.jsx b/src/components/profile/v2/Writeups.jsx index 1ae40608..0d99dbda 100644 --- a/src/components/profile/v2/Writeups.jsx +++ b/src/components/profile/v2/Writeups.jsx @@ -8,7 +8,16 @@ const Writeups = ({ user }) => { const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [selectedWriteup, setSelectedWriteup] = useState(null); + const [isModalOpen, setIsModalOpen] = useState(false); + + + const getEmbedUrl = (url) => { + const videoId = url.split('v=')[1]; + const ampersandPosition = videoId.indexOf('&'); + return ampersandPosition !== -1 ? videoId.substring(0, ampersandPosition) : videoId; + }; + useEffect(() => { const fetchWriteups = async () => { @@ -20,6 +29,8 @@ const Writeups = ({ user }) => { try { const response = await request(`${process.env.NEXT_PUBLIC_API_URL}/users/${user.username}/writeups`, 'GET', null); setWriteups(response); + console.log("==========") + console.log(response) } catch (err) { setError(err.message); } finally { @@ -31,8 +42,10 @@ const Writeups = ({ user }) => { }, [user]); const openModal = (writeup) => { - setSelectedWriteup(writeup); - setIsModalOpen(true); + if(window.confirm("Are you sure you want to view this writeup? You will not earn points for this challenge.")) { + setSelectedWriteup(writeup); + setIsModalOpen(true); + } }; const closeModal = () => { @@ -90,6 +103,12 @@ const Writeups = ({ user }) => { Authored by window.location.href = `../../users/${user.username}`} className='text-blue-500 cursor-pointer'>{user.username} for challenge window.location.href = `../../challenges/${selectedWriteup.challengeId}`} className='text-yellow-500 cursor-pointer'>{selectedWriteup.challenge.title}.

+ + {selectedWriteup.hasVideo && +
+ +
+ }