Index: client/src/Dashboard/components/Task.jsx =================================================================== --- client/src/Dashboard/components/Task.jsx (revision 3397b8c686c512cfa86b5ba529e74252e805537e) +++ client/src/Dashboard/components/Task.jsx (revision 0d8dbb98c149b4127a21c652538dc2fd78110d5c) @@ -1,5 +1,5 @@ -import React, { useEffect, useState } from "react"; -import Navbar from "./Navbar"; -import { useNavigate } from "react-router-dom"; +import React, { useEffect, useState } from 'react'; +import Navbar from './Navbar'; +import { useNavigate } from 'react-router-dom'; const Task = () => { @@ -7,6 +7,7 @@ const [task, setTask] = useState(null); const [testCase, setTestCase] = useState(null); + const [effectiveTaskDate, setEffectiveTaskDate] = useState(''); const today = new Date().toLocaleDateString(); - const user = JSON.parse(localStorage.getItem("user")) || { attempts: 0 }; + const user = JSON.parse(localStorage.getItem('user')) || { attempts: 0 }; const navigate = useNavigate(); @@ -28,11 +29,11 @@ async function fetchTaskForToday(date) { try { - const formattedDate = new Date(date).toISOString().split("T")[0]; - console.log("Fetching task for date:", formattedDate); + const formattedDate = new Date(date).toISOString().split('T')[0]; + console.log('Fetching task for date:', formattedDate); const response = await fetch(`/task/${formattedDate}`, { headers: { - Accept: "application/json", - "Cache-Control": "no-cache", + Accept: 'application/json', + 'Cache-Control': 'no-cache', }, }); @@ -48,34 +49,34 @@ data = JSON.parse(responseText); } catch (error) { - throw new Error("Failed to parse server response as JSON" + error); + throw new Error('Failed to parse server response as JSON' + error); } if (Array.isArray(data) && data.length > 0) { const taskData = data[0]; - console.log("Processing task data:", taskData); + console.log('Processing task data:', taskData); setTask({ id: taskData.id, - title: taskData.title || "Daily Challenge", - content: taskData.content || "No description available", + title: taskData.title || 'Daily Challenge', + content: taskData.content || 'No description available', examples: taskData.examples || [], // Use examples directly from the API response }); - console.log("Fetched task:", task); + console.log('Fetched task:', task); } else { - console.error("No tasks found for the date"); + console.error('No tasks found for the date'); setTask({ - title: "No Challenge Available", - content: "There is no challenge available for today.", - examples: [{ input: "N/A", output: "N/A" }], + title: 'No Challenge Available', + content: 'There is no challenge available for today.', + examples: [{ input: 'N/A', output: 'N/A' }], }); } } catch (error) { - console.error("Error fetching task:", error); + console.error('Error fetching task:', error); setTask({ - title: "Error Loading Challenge", + title: 'Error Loading Challenge', content: "There was an error loading today's challenge. Please try again later.", - examples: [{ input: "N/A", output: "N/A" }], + examples: [{ input: 'N/A', output: 'N/A' }], }); } @@ -87,5 +88,5 @@ solvedDailyChallenge: true, }; - localStorage.setItem("user", JSON.stringify(updatedUser)); + localStorage.setItem('user', JSON.stringify(updatedUser)); return updatedUser; } @@ -93,9 +94,9 @@ async function fetchTestCaseForToday(id) { try { - console.log("Fetching test case for task ID:", id); + console.log('Fetching test case for task ID:', id); const response = await fetch(`/task/${id}/test-case`, { headers: { - Accept: "application/json", - "Cache-Control": "no-cache", + Accept: 'application/json', + 'Cache-Control': 'no-cache', }, }); @@ -106,5 +107,5 @@ const data = await response.json(); - console.log("Fetched test case:", data); + console.log('Fetched test case:', data); if (data && data.input && data.output) { @@ -114,9 +115,9 @@ }); } else { - console.error("No test case found for the task"); + console.error('No test case found for the task'); setTestCase(null); } } catch (error) { - console.error("Error fetching test case:", error); + console.error('Error fetching test case:', error); setTestCase(null); } @@ -136,5 +137,5 @@ attempts: (user.attempts || 0) + 1, }; - localStorage.setItem("user", JSON.stringify(updatedUser)); + localStorage.setItem('user', JSON.stringify(updatedUser)); return updatedUser; } @@ -175,5 +176,5 @@ attempts: 0, }; - localStorage.setItem("user", JSON.stringify(updatedUser)); + localStorage.setItem('user', JSON.stringify(updatedUser)); return updatedUser; } @@ -185,5 +186,5 @@ points: score + (parseInt(user.points) || 0), }; - localStorage.setItem("user", JSON.stringify(updatedUser)); + localStorage.setItem('user', JSON.stringify(updatedUser)); return score; @@ -195,5 +196,5 @@ points: (user.points || 0) + score, }; - localStorage.setItem("user", JSON.stringify(updatedUser)); + localStorage.setItem('user', JSON.stringify(updatedUser)); return updatedUser; } @@ -205,11 +206,11 @@ // Update task attempts count on the server await fetch(`/task/${task.id}/attempts`, { - method: "PUT", + method: 'PUT', headers: { - "Content-Type": "application/json", + 'Content-Type': 'application/json', }, }); } catch (error) { - console.error("Error updating task attempts:", error); + console.error('Error updating task attempts:', error); } } @@ -220,11 +221,11 @@ try { await fetch(`/task/${task.id}/solved`, { - method: "PUT", + method: 'PUT', headers: { - "Content-Type": "application/json", + 'Content-Type': 'application/json', }, }); } catch (error) { - console.error("Error updating task solved count:", error); + console.error('Error updating task solved count:', error); } } @@ -232,13 +233,13 @@ async function handleSubmitSolution() { if (!task || !task.examples || task.examples.length === 0) { - alert("No challenge is currently available"); + alert('No challenge is currently available'); return; } - const userOutputElement = document.getElementById("userOutput"); - const userOutputValue = userOutputElement ? userOutputElement.value : ""; + const userOutputElement = document.getElementById('userOutput'); + const userOutputValue = userOutputElement ? userOutputElement.value : ''; console.log(typeof userOutputValue); - let currentUser = JSON.parse(localStorage.getItem("user")) || { + let currentUser = JSON.parse(localStorage.getItem('user')) || { attempts: 0, points: 0, @@ -266,5 +267,5 @@ ); - navigate("/dashboard/forum"); + navigate('/dashboard/forum'); } else { currentUser = incrementAttempts(currentUser); @@ -275,109 +276,16 @@ return ( -
- -
- {!showTask ? ( -
-
-
- - - -
-

- Task for {today} -

-
-
-
-
-

Rules for Grading

-
    -
  • Earlier submissions receive better scores
    • -
  • Multiple attempts will reduce your score
    • -
  • Stay respectful and focused
    • -
  • Have fun solving the problem!
    • -
-
-
-
+
+ + {/* Add overflow-y-auto and proper flex constraints */} +
+
+ {!showTask ? ( +
+
+
- - - The task will be available for 24 hours -
-
- {!user.solvedDailyChallenge && ( -
- -
- )} - - {user.solvedDailyChallenge && ( -
- -
- )} -
-
- ) : ( -
-
-
-
-
-

Challenge for {today}

+

+ Task for {today} +

+
+
+
+
+

Rules for Grading

+
    +
  • Earlier submissions receive better scores
    • +
  • Multiple attempts will reduce your score
    • +
  • Stay respectful and focused
    • +
  • Have fun solving the problem!
    • +
+
+
+
+ + + + The task will be available for 24 hours +
+
+ {!user.solvedDailyChallenge && ( +
+ +
+ )} + + {user.solvedDailyChallenge && ( +
+ +
+ )}
- - {task ? ( - <> -
-
-

- Problem: {task.title || "Daily Challenge"} -

-

- {task.content || "No description available"} -

-
-
- -
-
+
+ ) : ( +
+
+
+
+ + + +
+

Challenge for {today}

+
+ + {task ? ( + <> +
-

Your Input

-
- {testCase && testCase.input} -
-

- Use this input in your local editor +

+ Problem: {task.title || 'Daily Challenge'} +

+

+ {task.content || 'No description available'}

-
-
-

Example

-
- {task.examples.map((element, index) => { - console.log("Rendering example:", element); - return ( -

- Input: "{element.input}" → Output: " - {element.output}" -

- ); - })} +
+
+
+

+ Your Input +

+
+ {testCase && testCase.input} +
+

+ Use this input in your local editor +

+
+
+ +
+
+

Example

+
+ {task.examples.map((element, index) => { + console.log('Rendering example:', element); + return ( +

+ Input: "{element.input}" → Output: " + {element.output}" +

+ ); + })} +
-
- - ) : ( -
- -
- )} - -
-
-

Submit Your Solution

- -
- - + + ) : ( +
+ +
+ )} + +
+
+

Submit Your Solution

+ +
+ + +
-
- )} + )} +
); }; - export default Task;