Index: backend/models/Challenge.js =================================================================== --- backend/models/Challenge.js (revision fc9f41af560892aa1751a92eb6222ad555cea5a5) +++ backend/models/Challenge.js (revision ec388aa9564587cbd0aefb1f4fc1922f19afa485) @@ -45,15 +45,15 @@ } - if (!this.test_cases || !Array.isArray(this.test_cases)) { - errors.push("Test cases must be an array"); - } else if (this.test_cases.length < 10) { - errors.push("At least 10 test cases are required"); - } else { - this.test_cases.forEach((testCase, index) => { - if (!testCase.input || !testCase.output) { - errors.push(`Test case ${index + 1} must have both input and output`); - } - }); - } + // if (!this.test_cases || !Array.isArray(this.test_cases)) { + // errors.push("Test cases must be an array"); + // } else if (this.test_cases.length < 10) { + // errors.push("At least 10 test cases are required"); + // } else { + // this.test_cases.forEach((testCase, index) => { + // if (!testCase.input || !testCase.output) { + // errors.push(`Test case ${index + 1} must have both input and output`); + // } + // }); + // } return { Index: client/package-lock.json =================================================================== --- client/package-lock.json (revision fc9f41af560892aa1751a92eb6222ad555cea5a5) +++ client/package-lock.json (revision ec388aa9564587cbd0aefb1f4fc1922f19afa485) @@ -12,4 +12,5 @@ "@tailwindcss/vite": "^4.1.4", "axios": "^1.10.0", + "cally": "^0.8.0", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", @@ -1801,4 +1802,10 @@ "license": "MIT" }, + "node_modules/atomico": { + "version": "1.79.2", + "resolved": "https://registry.npmjs.org/atomico/-/atomico-1.79.2.tgz", + "integrity": "sha512-mshhLRMeIltNYbnQnqgnrvJ/uDa8XDfTQcjw3ymOygQqwHIQ4Sp0LcNYMCbACkV3DtV+eDXb9szwU4qMUuGwYQ==", + "license": "MIT" + }, "node_modules/axios": { "version": "1.10.0", @@ -1900,4 +1907,13 @@ "engines": { "node": ">=6" + } + }, + "node_modules/cally": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/cally/-/cally-0.8.0.tgz", + "integrity": "sha512-jvQ2QMrsZM/ZPG/LWTkJEUPrp/ew1uS2KjKA/E6ru7mVvTMY2JgSagci9IghLmuamFh1pDajrxXAX4Qgo4FHbw==", + "license": "MIT", + "dependencies": { + "atomico": "^1.76.1" } }, Index: client/package.json =================================================================== --- client/package.json (revision fc9f41af560892aa1751a92eb6222ad555cea5a5) +++ client/package.json (revision ec388aa9564587cbd0aefb1f4fc1922f19afa485) @@ -15,4 +15,5 @@ "@tailwindcss/vite": "^4.1.4", "axios": "^1.10.0", + "cally": "^0.8.0", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", Index: client/src/Dashboard/components/CreateNewChallenge.jsx =================================================================== --- client/src/Dashboard/components/CreateNewChallenge.jsx (revision fc9f41af560892aa1751a92eb6222ad555cea5a5) +++ client/src/Dashboard/components/CreateNewChallenge.jsx (revision ec388aa9564587cbd0aefb1f4fc1922f19afa485) @@ -67,12 +67,12 @@ setLoading(true); try { - if (testCases.length < 10) { - showModal( - "Please add at least 10 test cases for your challenge.", - "error" - ); - setLoading(false); - return; - } + // if (testCases.length < 10) { + // showModal( + // "Please add at least 10 test cases for your challenge.", + // "error" + // ); + // setLoading(false); + // return; + // } const hasEmptyTestCase = testCases.some( @@ -108,8 +108,4 @@ await createNewTask(challengeData); showModal("Challenge created successfully!", "success"); - - setTimeout(() => { - navigate("/dashboard/manage-challenges"); - }, 1000); } catch (error) { console.error("Failed to create challenge:", error); Index: client/src/Dashboard/components/ManageChallenges.jsx =================================================================== --- client/src/Dashboard/components/ManageChallenges.jsx (revision fc9f41af560892aa1751a92eb6222ad555cea5a5) +++ client/src/Dashboard/components/ManageChallenges.jsx (revision ec388aa9564587cbd0aefb1f4fc1922f19afa485) @@ -3,4 +3,5 @@ import { useAuth } from "@/contexts/AuthContext"; import { useNavigate } from "react-router-dom"; +import "cally"; const PAGE_SIZE = 10; @@ -13,4 +14,10 @@ const navigate = useNavigate(); const { user } = useAuth(); + const [modal, setModal] = useState({ + isOpen: false, + message: "", + type: "", + challengeId: null, + }); useEffect(() => { const fetchChallenges = async () => { @@ -58,132 +65,294 @@ }; + const showModal = (message, type = "info", challengeId = null) => { + setModal({ isOpen: true, message, type, challengeId }); + }; + + const closeModal = () => { + setModal({ isOpen: false, message: "", type: "", challengeId: null }); + }; + + const confirmDelete = async () => { + if (modal.challengeId) { + setLoading(true); + await deleteChallenge(modal.challengeId); + setLoading(false); + } + closeModal(); + }; + return ( -
-
-

Manage Challenges

- -
- - {loading ? ( -
- +
+

Manage Challenges

+
+ {/* Left sidebar with calendar */} +
+
+
+

Search by date:

+ + {/* Calendar component */} + + + + + + + + + + + {/* Search button */} + +
+
+ {/* Add new challenge button */} + +
+
- ) : ( -
- {challenges.map((challenge) => ( -
-
-
-

- {challenge.title - .split("-") - .map( - (word) => word.charAt(0).toUpperCase() + word.slice(1) - ) - .join(" ")} -

-
- {new Date(challenge.solving_date).toLocaleDateString()} + + {/* Main content area */} +
+ {loading ? ( +
+ +
+ ) : ( +
+ {challenges.map((challenge) => ( +
+
+
+

+ {challenge.title + .split("-") + .map( + (word) => + word.charAt(0).toUpperCase() + word.slice(1) + ) + .join(" ")} +

+
+ {new Date(challenge.solving_date).toLocaleDateString()} +
+
+ +

+ {challenge.content} +

+ + {challenge.examples && challenge.examples.length > 0 && ( +
+

Examples:

+
+ {challenge.examples.map((example, index) => ( +
+

+ Input: "{example.input || "N/A"}"
+ Output: "{example.output || "N/A"}" +

+
+ ))} +
+
+ )} + +
+ + + +
+ {expandedChallenge === challenge.id && + challenge.test_cases && ( +
+

Test Cases:

+
+ {challenge.test_cases.map((testCase, index) => ( +
+

+ Test Case {index + 1} +

+
+
+

Input:

+ 
+                                      {testCase.input || "N/A"}
+
+
+
+

Expected Output:

+ 
+                                      {testCase.output || "N/A"}
+
+
+
+
+ ))} +
+
+ )}
- -

- {challenge.content} -

- - {challenge.examples && challenge.examples.length > 0 && ( -
-

Examples:

-
- {challenge.examples.map((example, index) => ( -
-

- Input: "{example.input || "N/A"}"
- Output: "{example.output || "N/A"}" -

-
- ))} -
-
+ ))} +
+ )} + +
+ {Array.from({ length: totalPages }, (_, idx) => ( + + ))} +
+
+
+ + {/* Modal (unchanged) */} + {modal.isOpen && ( +
+
+
+
+ + + +
+ +
+

{modal.message}

+
+ + - - -
- {expandedChallenge === challenge.id && challenge.test_cases && ( -
-

Test Cases:

-
- {challenge.test_cases.map((testCase, index) => ( -
-

Test Case {index + 1}

-
-
-

Input:

- 
-                                {testCase.input || "N/A"}
-
-
-
-

Expected Output:

- 
-                                {testCase.output || "N/A"}
-
-
-
-
- ))} -
-
- )} -
-
- ))} + +
+
)} - -
- {Array.from({ length: totalPages }, (_, idx) => ( - - ))} -
);