- {[1, 2, 3, 4, 5, 6].map((i) => (
-
-
-
-
+ {ideas
+ .slice()
+ .sort((a, b) => b.votes - a.votes)
+ .slice(0, 5)
+ .map((idea, index) => (
+
+
{index + 1}.
+
- ) : ideas.length > 0 ? (
- <>
-
- {ideas.map((idea) => (
-
+
+ ))}
+
- {/* Pagination */}
- {totalPages > 1 && (
-
-
setCurrentPage((prev) => Math.max(prev - 1, 1))}
- disabled={currentPage === 1}
- className="rounded bg-blue-600 px-4 py-2 text-white disabled:bg-gray-600"
- >
- Previous
-
-
- Page {currentPage} of {totalPages}
+ {/* Ideas Section */}
+
+
Ideas
+
+
+ {ideas.map((idea) => (
+
+ {/*
+
+
+
+
{idea.title || 'Anonymous'}
+
{new Date(idea.createdAt).toLocaleString()}
+
+
*/}
+
{idea.title}
+
{idea.Description}
+
+ {idea.tags?.map((tag, idx) => (
+
+ {tag}
- setCurrentPage((prev) => Math.min(prev + 1, totalPages))}
- disabled={currentPage === totalPages}
- className="rounded bg-blue-600 px-4 py-2 text-white disabled:bg-gray-600"
- >
- Next
-
+ ))}
+
+
+
+
+
{new Date(idea.createdAt).toLocaleDateString()}
- )}
-
- ) : (
-
-
π‘
-
No Ideas Yet
-
Be the first to submit an innovative idea this month!
+
+
handleVote(idea._id)} color="gray" className="cursor-pointer" />
+ {idea.votes || 0}
+
+
- )}
-
- )}
-
- {activeTab === 'trending' && (
-
-
- )}
-
- {activeTab === 'collaborate' && (
-
-
- )}
+ ))}
+ {ideas.length === 0 &&
No ideas submitted yet.
}
+
+
);
diff --git a/src/Page/MonthlyWinner.jsx b/src/Page/MonthlyWinner.jsx
new file mode 100644
index 00000000..ec6622a3
--- /dev/null
+++ b/src/Page/MonthlyWinner.jsx
@@ -0,0 +1,49 @@
+import React, { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+
+const MonthlyWinner = () => {
+ const [winnerData, setWinnerData] = useState(null);
+ const navigate = useNavigate();
+ useEffect(() => {
+ const fetchWinner = async () => {
+ try {
+ const res = await fetch('http://localhost:5000/devdisplay/v1/winners/latest');
+ const data = await res.json();
+ console.log('Fetched Winner Data:', data);
+ setWinnerData(data);
+ } catch (err) {
+ console.log('Error fetching monthly winner:', err);
+ }
+ };
+ fetchWinner();
+ }, []);
+
+ // If no winner yet
+ if (!winnerData || !winnerData.ideaId) {
+ return (
+
Winner will be announced at the end of the month.
+ );
+ }
+
+ const { _id, title, description, votes } = winnerData.ideaId;
+ const openCollabPage = () => {
+ window.open(`/collaboration/${_id}`, '_blank', 'noopener,noreferrer');
+ };
+
+ return (
+
+
π Monthly Winner
+
+
{title}
+
{description}
+
Votes: {votes}
+
+
+ );
+};
+
+export default MonthlyWinner;
diff --git a/src/components/IdeaSubmissionForm.jsx b/src/components/IdeaSubmissionForm.jsx
new file mode 100644
index 00000000..b503634a
--- /dev/null
+++ b/src/components/IdeaSubmissionForm.jsx
@@ -0,0 +1,113 @@
+import React, { useState } from 'react';
+import { FaTimes } from 'react-icons/fa';
+
+const IdeaSubmissionForm = ({ onClose }) => {
+ const [tittle, setTittle] = useState('');
+ const [Description, setDescription] = useState('');
+ const [tags, setTags] = useState([]);
+ const [Resources, setResources] = useState([]);
+ const [media, setMedia] = useState([]);
+ const [mediaFiles, setMediaFiles] = useState([]);
+
+ const handleImageChange = (e) => {
+ const files = Array.from(e.target.files);
+ setMediaFiles(files);
+ setMedia(files.map((file) => URL.createObjectURL(file)));
+ };
+
+ const onSubmitHandler = async (e) => {
+ e.preventDefault();
+ const formData = new FormData();
+ formData.append('tittle', tittle);
+ formData.append('description', Description);
+ formData.append('tags', JSON.stringify(tags));
+ formData.append('resources', JSON.stringify(Resources));
+
+ media.forEach((file) => formData.append('media', file));
+
+ try {
+ const res = await fetch('http://localhost:5000/devdisplay/v1/idea-submissions/', {
+ method: 'POST',
+ body: formData,
+ });
+ const data = await res.json();
+ if (onClose) onClose();
+ } catch (err) {
+ console.log('Error submitting idea:', err);
+ }
+ console.log({ tittle, Description, tags, Resources, media });
+ if (onClose) onClose();
+ };
+
+ return (
+
+
+
onClose()} className="flex cursor-pointer items-center justify-between">
+
Idea Submission Form
+
+
+
+
+
+
+
+ );
+};
+
+export default IdeaSubmissionForm;
diff --git a/src/components/ResumeBuilder/utils/pdfGenerator.js b/src/components/ResumeBuilder/utils/pdfGenerator.js
index afc3bb18..1b168d3c 100644
--- a/src/components/ResumeBuilder/utils/pdfGenerator.js
+++ b/src/components/ResumeBuilder/utils/pdfGenerator.js
@@ -50,7 +50,7 @@ const renderSection = (doc, yPosition, margin, pageWidth, contentWidth, title, d
doc.setDrawColor(150);
doc.setLineWidth(0.5);
- doc.line(margin, yPosition, margin + contentWidth, yPosition);
+ doc.line(margin, yPosition, margin + contentWidth, yPosition); // draw line under title
yPosition += 4; // uniform gap after the line
diff --git a/src/components/RoleAssignment.jsx b/src/components/RoleAssignment.jsx
new file mode 100644
index 00000000..e466eb09
--- /dev/null
+++ b/src/components/RoleAssignment.jsx
@@ -0,0 +1,68 @@
+import React, { useState } from 'react';
+
+const RoleAssignment = () => {
+ const defaultRoles = ['Project Lead', 'Developer', 'Designer', 'Tester'];
+ const [roles, setRoles] = useState(defaultRoles.map((role) => ({ name: role, assignedTo: null })));
+ const [customRole, setCustomRole] = useState('');
+ const [selectedRole, setSelectedRole] = useState('');
+
+ const handleAssign = (role) => {
+ if (!role) return;
+ setRoles((prev) => prev.map((r) => (r.name === role && !r.assignedTo ? { ...r, assignedTo: 'You' } : r)));
+ setSelectedRole('');
+ setCustomRole('');
+ };
+
+ const handleAddCustomRole = () => {
+ if (!customRole.trim()) return;
+ setRoles((prev) => [...prev, { name: customRole, assignedTo: 'You' }]);
+ setCustomRole('');
+ setSelectedRole('');
+ };
+
+ return (
+
+
π₯ Role Assignment
+
+ {/* If no role assigned yet */}
+ {roles.every((r) => !r.assignedTo) &&
No roles have been assigned yet.
}
+
+
+ {roles.map((role, index) => (
+
+ {role.name}
+ {role.assignedTo ? (
+ Assigned to {role.assignedTo}
+ ) : (
+ handleAssign(role.name)}
+ >
+ Assign to Me
+
+ )}
+
+ ))}
+
+
+ {/* Other Role Option */}
+
+
Add Custom Role
+
+
+ Add
+
+
+
+
+ );
+};
+
+export default RoleAssignment;