-
-
-
+
+
+
NOTENG
+
Hey, {userData.fname} {userData.lname}
+
+
Add Job Opportunity
-
-
-
-
-
-
-
-
+
+
+
+
+
Add Job Opportunity
+
+
+
+ {isAdmin && (
+
+ )}
+
+
Share Video
-
+
-
);
}
diff --git a/src/Components/Home/Sidebarresponsive.jsx b/src/Components/Home/Sidebarresponsive.jsx
new file mode 100644
index 0000000..d804fbb
--- /dev/null
+++ b/src/Components/Home/Sidebarresponsive.jsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+
+function Sidebarresponsive() {
+
+ return (
+
+
+ )
+}
+
+export default Sidebarresponsive
\ No newline at end of file
diff --git a/src/Components/Jobs/NewJob.jsx b/src/Components/Jobs/NewJob.jsx
new file mode 100644
index 0000000..2f37f98
--- /dev/null
+++ b/src/Components/Jobs/NewJob.jsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import Sidebar from '../Home/Sidebar'
+import PostJob from './PostJob'
+function NewJob() {
+ return (
+
+
+
+ )
+}
+
+export default NewJob
\ No newline at end of file
diff --git a/src/Components/Jobs/PostJob.css b/src/Components/Jobs/PostJob.css
new file mode 100644
index 0000000..bd1de1a
--- /dev/null
+++ b/src/Components/Jobs/PostJob.css
@@ -0,0 +1,78 @@
+.custom-heading {
+ font-family: Poppins;
+ font-size: 40px;
+ }
+
+ .maincontent {
+ font-family: Poppins;
+ color: #20222E;
+ margin-bottom: 40px;
+ overflow-y: auto;
+ }
+
+ .maincontent label {
+ font-size: 20px;
+ }
+
+ .maincontent input {
+ font-size: 15px;
+ }
+
+ .inputarea {
+ background-color: #fff;
+ border: 1px solid #ccc;
+ }
+ .job-button-container {
+ display: flex;
+ margin-bottom: 20px;
+ }
+
+ .job-button-container button {
+ width: 270px;
+ padding: 10px;
+ font-size: 14px;
+ font-weight: 500;
+ color: #333;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ cursor: pointer;
+ }
+
+ .job-button-container button:hover {
+ background-color: #eef2f8;
+ }
+
+ .job-button-container button.selected {
+ background-color: #394dfd;
+ color: #fff;
+ }
+
+ @media only screen and (max-width: 768px) {
+ .job-button-container {
+ flex-direction: column;
+ }
+
+ .job-button-container button {
+ width: 100%; /* Make buttons full width */
+ margin-bottom: 10px; /* Add some space between buttons */
+ }
+ }
+
+ .submit-button {
+ width: 530px;
+ height: 65px;
+ font-family: Poppins;
+ font-size: 20px;
+ color: white;
+ background-color: #394dfd;
+ border: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+
+
+.submit-btn{
+ display: flex;
+ justify-content: center;
+}
\ No newline at end of file
diff --git a/src/Components/Jobs/PostJob.jsx b/src/Components/Jobs/PostJob.jsx
new file mode 100644
index 0000000..934566f
--- /dev/null
+++ b/src/Components/Jobs/PostJob.jsx
@@ -0,0 +1,225 @@
+import React, { useState } from 'react';
+import Sidebar from '../Home/Sidebar';
+import './PostJob.css';
+import axios from 'axios';
+import { useNavigate } from 'react-router-dom';
+import { Button } from '@mui/material';
+import BackButton from '../../assets/BackButton.png';
+
+const PostJob = () => {
+ const [subtype, setSubtype] = useState(null);
+ const [mode, setMode] = useState(null);
+ const [message, setMessage] = useState('');
+ const navigate = useNavigate();
+ const token = localStorage.getItem('token');
+
+ const handleSubtypeSelection = (type) => {
+ setSubtype(type);
+ setFormData({
+ ...formData,
+ subtype: type
+ });
+ };
+
+ const handleGoBack = (event) => {
+ event.preventDefault();
+ navigate(-1);
+ };
+
+ const JOB_TITLES = [
+ 'Software Engineer',
+ 'Data Analyst',
+ 'Web Developer',
+ 'UI/UX Designer',
+ 'Project Manager',
+ ];
+
+ const JOB_TYPES = ['Full-time', 'Part-time', 'Contract'];
+
+ const [formData, setFormData] = useState({
+ title: '',
+ subtype: '',
+ description: '',
+ deadline: '',
+ post_url: '',
+ user: '60004220207',
+ mode: '',
+ location: '',
+ salary: '',
+ job_type: '',
+ });
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setFormData({
+ ...formData,
+ [name]: value,
+ });
+ };
+
+ const handleKeyPress = (event) => {
+ if (event.key === 'Enter') {
+ handleSubmit(event);
+ }
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ const endpoint = 'https://monilmeh.pythonanywhere.com/api/jobs';
+
+ try {
+ const response = await axios.post(endpoint, formData, {
+ headers: {
+ 'Authorization': `Bearer ${token}`,
+ 'Content-Type': 'application/json',
+ },
+ });
+
+ if (response.status === 201) {
+ alert('Job post created successfully!');
+ navigate('/');
+ setFormData({
+ title: '',
+ subtype: '',
+ description: '',
+ deadline: '',
+ post_url: '',
+ user: '60004220207',
+ mode: '',
+ location: '',
+ salary: '',
+ job_type: '',
+ });
+ } else {
+ alert('Failed to create job post');
+ }
+ } catch (error) {
+ console.error('Error:', error);
+ alert('An error occurred. Please try again.');
+ }
+ };
+
+ return (
+
+
+
+
+
+
+ Create New Job Opportunity
+
+
+
+
+
+
+
Job Type
+
+ Select Job Type
+ {JOB_TYPES.map((type) => (
+
+ {type}
+
+ ))}
+
+
+
+
Job Description
+
+
+
+
Salary
+
+
+
+
+ );
+};
+
+export default PostJob;
diff --git a/src/Components/NewPost/NewPost.jsx b/src/Components/NewPost/NewPost.jsx
new file mode 100644
index 0000000..1ba9a3a
--- /dev/null
+++ b/src/Components/NewPost/NewPost.jsx
@@ -0,0 +1,203 @@
+import React, { useState } from 'react';
+import CloudUploadOutlinedIcon from '@mui/icons-material/CloudUploadOutlined';
+import axios from 'axios';
+import { useNavigate } from 'react-router-dom';
+import { Button } from '@mui/material';
+import BackButton from '../../assets/BackButton.png';
+import './viewpost.css';
+
+function NewPost() {
+ const navigate = useNavigate();
+ const [formData, setFormData] = useState({
+ title: '',
+ subtype: '',
+ description: '',
+ document: null,
+ deadline: '',
+ likes: 100,
+ post_url: '',
+ user: '60004220207'
+ });
+ const [fileName, setFileName] = useState('');
+
+ const token = localStorage.getItem('token');
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setFormData({
+ ...formData,
+ [name]: value,
+ });
+ };
+
+ const handleFileChange = (e) => {
+ const file = e.target.files[0];
+ setFormData({
+ ...formData,
+ document: file,
+ });
+ setFileName(file ? file.name : '');
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ const endpoint = 'https://monilmeh.pythonanywhere.com/api/posts';
+ const form = new FormData();
+
+ form.append('title', formData.title);
+ form.append('category', formData.subtype);
+ form.append('description', formData.description);
+ form.append('image', formData.document);
+ form.append('deadline', formData.deadline);
+ form.append('likes', formData.likes);
+ form.append('post_url', formData.post_url);
+ form.append('user', formData.user);
+
+ try {
+ const response = await axios.post(endpoint, form, {
+ headers: {
+ 'Content-Type': 'multipart/form-data',
+ 'Authorization': `Bearer ${token}`
+ },
+ });
+
+ if (response.status === 201) {
+ alert('Post created successfully!');
+ navigate('/');
+ setFormData({
+ title: '',
+ subtype: '',
+ description: '',
+ document: null,
+ deadline: '',
+ likes: 100,
+ post_url: '',
+ user: '60004220207'
+ });
+ setFileName('');
+ } else {
+ alert('Failed to create post');
+ }
+ } catch (error) {
+ console.error('Error:', error);
+ alert('An error occurred. Please try again.');
+ }
+ };
+
+ const handleButtonClick = () => {
+ document.getElementById('fileUpload').click();
+ };
+
+ const handleGoBack = (event) => {
+ event.preventDefault();
+ navigate(-1);
+ };
+
+ const handleKeyPress = (event) => {
+ if (event.key === 'Enter') {
+ handleSubmit(event);
+ }
+ };
+
+ return (
+
+
+
+
+
+ Create New Post
+
+
+
+
+
Post Description
+
+
+
Upload Images
+
+
+
+ Upload
+
+ {fileName && (
+
File Uploaded: {fileName}
+ )}
+
+
+
+
+ );
+}
+
+export default NewPost;
diff --git a/src/Components/NewPost/viewpost.css b/src/Components/NewPost/viewpost.css
new file mode 100644
index 0000000..8a3340b
--- /dev/null
+++ b/src/Components/NewPost/viewpost.css
@@ -0,0 +1,47 @@
+.subtitle{
+ font-size: 1.9rem;
+ font-weight: 600;
+ color: #20222E;
+ margin-top: 32px;
+ margin-bottom: 1rem;
+ display: flex;
+ justify-content: center;
+}
+
+.head3{
+ font-size: 32px;
+ color: #8391A1;
+ display: flex;
+ justify-content: center;
+ margin-top: 20px;
+}
+.notes-description{
+ margin-top: 20px;
+ margin-left: 40px;
+ font-size: 24px;
+}
+.postimg{
+ width: 1058px;
+ height: 208px;
+ margin-top: 40px;
+ margin-left: 67px;
+ border: 2px solid black;
+ border-radius: 10px;
+ margin-bottom: 24px;
+ overflow: hidden;
+}
+
+.company-description{
+ font-size: 24px;
+ margin:32px 0px 10px 3vw;
+ font-family: Poppins;
+ font-weight: 600;
+}
+
+.badges{
+ width: 200px;
+}
+.badges1{
+ margin-top: 30px;
+ width: 200px;
+}
\ No newline at end of file
diff --git a/src/Components/Notes/NewNotes.jsx b/src/Components/Notes/NewNotes.jsx
new file mode 100644
index 0000000..7853a1e
--- /dev/null
+++ b/src/Components/Notes/NewNotes.jsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import Sidebar from '../Home/Sidebar'
+import UploadNotes from './UploadNotes'
+function NewPostPage() {
+ return (
+
+
+
+ )
+}
+
+export default NewPostPage
\ No newline at end of file
diff --git a/src/Components/Notes/UploadNotes.jsx b/src/Components/Notes/UploadNotes.jsx
new file mode 100644
index 0000000..f0f040b
--- /dev/null
+++ b/src/Components/Notes/UploadNotes.jsx
@@ -0,0 +1,177 @@
+import React, { useState } from 'react';
+import CloudUploadOutlinedIcon from '@mui/icons-material/CloudUploadOutlined';
+import axios from 'axios';
+import { useNavigate } from 'react-router-dom';
+import { Button } from '@mui/material';
+import BackButton from '../../assets/BackButton.png';
+
+function UploadNotes() {
+ const navigate = useNavigate();
+ const [formData, setFormData] = useState({
+ notesTitle: '',
+ subject: '',
+ department: '',
+ notesDescription: '',
+ rating: 4,
+ document: null,
+ type: '',
+ user: '60004220207' // Assuming user ID is constant
+ });
+ const [fileName, setFileName] = useState('');
+
+ const token = localStorage.getItem('token');
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setFormData({
+ ...formData,
+ [name]: value,
+ });
+ };
+
+ const handleFileChange = (e) => {
+ const file = e.target.files[0];
+ setFormData({
+ ...formData,
+ document: file
+ });
+ setFileName(file ? file.name : '');
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ const endpoint = 'https://monilmeh.pythonanywhere.com/api/notes/';
+ const form = new FormData();
+
+ form.append('note_title', formData.notesTitle);
+ form.append('subject', formData.subject);
+ form.append('department', formData.department);
+ form.append('note_description', formData.notesDescription);
+ form.append('type', formData.type);
+ form.append('document', formData.document);
+ form.append('user', formData.user);
+
+ try {
+ const response = await axios.post(endpoint, form, {
+ headers: {
+ 'Content-Type': 'multipart/form-data',
+ 'Authorization': `Bearer ${token}`
+ },
+ });
+
+ if (response.status === 201) {
+ alert('Notes uploaded successfully!');
+ navigate('/');
+ setFormData({
+ notesTitle: '',
+ subject: '',
+ department: '',
+ notesDescription: '',
+ rating: 4,
+ type: '',
+ document: null,
+ user: '60004220207'
+ });
+ setFileName('');
+ } else {
+ alert('Failed to upload notes');
+ }
+ } catch (error) {
+ console.error('Error:', error);
+ alert('An error occurred. Please try again.');
+ }
+ };
+
+ const handleButtonClick = () => {
+ document.getElementById('fileUpload').click();
+ };
+ const handleGoBack = (event) => {
+ event.preventDefault();
+ navigate(-1);
+ };
+
+ return (
+
+
+
+
+
+ Upload Notes
+
+
+
+
Notes title
+
+
+
Notes Description
+
+
Upload Document
+
+
+
+ Upload
+
+
+ {fileName && (
+
File Uploaded: {fileName}
+ )}
+
+
+
+
+
+
+ );
+}
+
+export default UploadNotes;
diff --git a/src/Components/Notes/ViewNote.jsx b/src/Components/Notes/ViewNote.jsx
new file mode 100644
index 0000000..4abb4ff
--- /dev/null
+++ b/src/Components/Notes/ViewNote.jsx
@@ -0,0 +1,131 @@
+import React, { useState, useEffect } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+import Sidebar from '../Home/Sidebar';
+import BackButton from '../../assets/BackButton.png';
+import { Button } from '@mui/material';
+import axios from 'axios';
+import './viewnote.css';
+
+const ViewNote = () => {
+ const navigate = useNavigate();
+ const { noteId } = useParams();
+ const [noteDetails, setNoteDetails] = useState(null);
+ const token = localStorage.getItem('token');
+
+ useEffect(() => {
+ const fetchNoteDetails = async () => {
+ try {
+ const response = await axios.get(`https://monilmeh.pythonanywhere.com/api/notes/${noteId}/`, {
+ headers: {
+ 'Authorization': `Bearer ${token}`
+ }
+ });
+ setNoteDetails(response.data);
+ } catch (error) {
+ console.error('Error fetching note details:', error);
+ }
+ };
+
+ if (noteId) {
+ fetchNoteDetails();
+ }
+ }, [noteId, token]);
+
+ const handleGoBack = (event) => {
+ event.preventDefault();
+ navigate(-1);
+ };
+
+ const downloadNote = async () => {
+ try {
+ const response = await axios.get(noteDetails.document, {
+ responseType: 'blob',
+ });
+ const url = window.URL.createObjectURL(new Blob([response.data]));
+ const link = document.createElement('a');
+ link.href = url;
+ link.setAttribute('download', `${noteDetails.note_title}.pdf`);
+ document.body.appendChild(link);
+ link.click();
+ } catch (error) {
+ console.error('Error downloading note:', error);
+ }
+ };
+
+ const renderStars = (rating) => {
+ const stars = [];
+ for (let i = 0; i < 5; i++) {
+ stars.push(
{i < rating ? '⭐️' : '☆'} );
+ }
+ return stars;
+ };
+
+ return (
+
+
+
+
+
+
+
+ Notes
+
+
+
+ {noteDetails && (
+
+
+
{noteDetails.note_title}
+
+
+
Subject: {noteDetails.subject}
+ Department: {noteDetails.department}
+
+
+
Notes Description
+
+ {noteDetails.note_description}
+
+
+ {noteDetails.document && (
+ noteDetails.document.endsWith('.pdf') ? (
+
+ Alternative text - include a link to the PDF!
+
+ ) : (
+
+ )
+ )}
+
+
+
+ Download Now!!
+
+
+
+
+
+
Uploaded By:
+
{noteDetails.user}
+
+
+
+
+ {renderStars(noteDetails.average_rating)}
+
+
+
+ Contact Note Administrator
+
+
+
+ )}
+
+
+ );
+};
+
+export default ViewNote;
diff --git a/src/Components/Notes/viewnote.css b/src/Components/Notes/viewnote.css
new file mode 100644
index 0000000..655b123
--- /dev/null
+++ b/src/Components/Notes/viewnote.css
@@ -0,0 +1,71 @@
+/* viewnote.css */
+
+/* Styles for larger screens */
+.subtitle {
+ font-size: 1.9rem;
+ font-weight: 600;
+ color: #20222E;
+ margin-top: 32px;
+ margin-bottom: 1rem;
+ display: flex;
+ justify-content: center;
+}
+
+.head3 {
+ font-size: 32px;
+ color: #8391A1;
+ display: flex;
+ justify-content: center;
+ margin-top: 20px;
+}
+
+.notes-description {
+ margin-top: 20px;
+ margin-left: 40px;
+ font-size: 24px;
+}
+
+.noteimg {
+ width: 1058px;
+ min-height: 500px;
+ height: min-content;
+ margin-top: 40px;
+ margin-left: 67px;
+ border: 2px solid black;
+ border-radius: 10px;
+ margin-bottom: 24px;
+}
+
+.badges {
+ width: 200px;
+}
+
+.badges1 {
+ margin-top: 30px;
+ width: 200px;
+}
+
+/* Media queries for responsiveness */
+@media only screen and (max-width: 768px) {
+ /* Adjustments for smaller screens */
+ .maincontent {
+ padding: 0 20px; /* Add padding to the main content */
+ }
+
+ .noteimg {
+ width: 100%; /* Make the image/document responsive */
+ margin: 20px 0; /* Adjust margins */
+ }
+
+ .head3,
+ .notes-description,
+ .badges,
+ .badges1 {
+ margin-left: 0; /* Reset left margin */
+ text-align: center; /* Center align text */
+ }
+}
+
+.maincontent{
+ overflow-y: scroll;
+}
\ No newline at end of file
diff --git a/src/Components/Profile/DescriptionProfile.jsx b/src/Components/Profile/DescriptionProfile.jsx
new file mode 100644
index 0000000..ff2a219
--- /dev/null
+++ b/src/Components/Profile/DescriptionProfile.jsx
@@ -0,0 +1,177 @@
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import WorkOutlineOutlinedIcon from '@mui/icons-material/WorkOutlineOutlined';
+import PhotoSizeSelectActualOutlinedIcon from '@mui/icons-material/PhotoSizeSelectActualOutlined';
+import DescriptionOutlinedIcon from '@mui/icons-material/DescriptionOutlined';
+import VideocamOutlinedIcon from '@mui/icons-material/VideocamOutlined';
+import '../../styles/profile.css';
+
+function DescriptionProfile({ jobCount, postCount, noteCount, videoCount, userData, updateUser }) {
+ const navigate = useNavigate();
+ const [isModalOpen, setIsModalOpen] = useState(false);
+ const [formData, setFormData] = useState({
+ fname: userData.fname,
+ lname: userData.lname,
+ email: userData.email,
+ phone: userData.phone
+ });
+
+ const handleInputChange = (e) => {
+ const { name, value } = e.target;
+ setFormData((prevData) => ({ ...prevData, [name]: value }));
+ };
+
+ const handleEditProfile = async (e) => {
+ e.preventDefault();
+ try {
+ const response = await fetch('https://monilmeh.pythonanywhere.com/auth/user/', {
+ method: 'PATCH',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Authorization': `Bearer ${localStorage.getItem('token')}`
+ },
+ body: JSON.stringify(formData)
+ });
+ const data = await response.json();
+ updateUser(data);
+ setIsModalOpen(false);
+ } catch (error) {
+ console.error('Error updating profile:', error);
+ }
+ };
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
{jobCount}
+
Jobs Posted
+
+
+
+
+
{postCount}
+
Posts Created
+
+
+
+
+
+
+
+
{noteCount}
+
Notes Shared
+
+
+
+
+
+
+
+
{videoCount}
+
Videos shared
+
+
+
+
+
+ navigate('/createpost')}
+ >
+ Add New Post
+
+ setIsModalOpen(true)}
+ >
+ Edit Profile
+
+
+
+
+
+
+ {isModalOpen && (
+
+ )}
+
+ );
+}
+
+export default DescriptionProfile;
diff --git a/src/Components/Profile/JobCard.jsx b/src/Components/Profile/JobCard.jsx
new file mode 100644
index 0000000..98a3ec8
--- /dev/null
+++ b/src/Components/Profile/JobCard.jsx
@@ -0,0 +1,51 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import CalendarTodayIcon from '@mui/icons-material/CalendarToday';
+import AccessTimeOutlinedIcon from '@mui/icons-material/AccessTimeOutlined';
+import SmartphoneOutlinedIcon from '@mui/icons-material/SmartphoneOutlined';
+import DeleteIcon from '@mui/icons-material/Delete';
+
+function JobCard({ job, onDelete }) {
+ const navigate = useNavigate();
+
+ const handleCardClick = () => {
+ navigate(`/ViewJob/${job.job_id}`);
+ };
+
+ const handleDeleteClick = (e) => {
+ e.stopPropagation(); // Prevent navigation when delete icon is clicked
+ onDelete(job.job_id);
+ };
+
+ return (
+
+
+
+
+
{job.company}
+
{job.job_title}
+
{job.description.substring(0, 60)}...
+
+
+
+
{job.duration_in_months} months
+
+
+
+
+
{new Date(job.upload_time).toLocaleDateString()}
+
+
+
+
+ );
+}
+
+export default JobCard;
diff --git a/src/Components/Profile/MyCard.jsx b/src/Components/Profile/MyCard.jsx
new file mode 100644
index 0000000..75f08be
--- /dev/null
+++ b/src/Components/Profile/MyCard.jsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import EmailOutlinedIcon from '@mui/icons-material/EmailOutlined';
+import PhoneIcon from '@mui/icons-material/Phone';
+import AccountBalanceOutlinedIcon from '@mui/icons-material/AccountBalanceOutlined'; // Use this for SAP ID
+import '../../styles/profile.css';
+
+const MyCard = ({ userData }) => {
+ return (
+
+
+
+
+
+
+
+ {userData.fname} {userData.lname}
+
+
+
+
+
+
{userData.contact_number}
+
+
+
+
+
+
+
+ );
+}
+
+export default MyCard;
diff --git a/src/Components/Profile/MyJobs.jsx b/src/Components/Profile/MyJobs.jsx
new file mode 100644
index 0000000..e37de69
--- /dev/null
+++ b/src/Components/Profile/MyJobs.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import JobCard from './JobCard';
+
+function MyJobs({ jobs, onDelete }) {
+ return (
+
+
+ My Posted Job Opportunities
+
+
+
+ {/* Added container for slider behavior */}
+
+ {jobs.map((job, i) => (
+
+
+ );
+}
+
+export default MyJobs;
diff --git a/src/Components/Profile/MyNotes.jsx b/src/Components/Profile/MyNotes.jsx
new file mode 100644
index 0000000..97bd012
--- /dev/null
+++ b/src/Components/Profile/MyNotes.jsx
@@ -0,0 +1,71 @@
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import './notes.css'; // Adjust the path according to your project structure
+
+const MyNotes = ({ notes }) => {
+ const [currentSlide, setCurrentSlide] = useState(0);
+ const navigate = useNavigate();
+
+ const handleNoteClick = (noteId) => {
+ navigate(`/viewnote/${noteId}`);
+ };
+
+ const nextSlide = () => {
+ setCurrentSlide((prev) => (prev === notes.length - 1 ? 0 : prev + 1));
+ };
+
+ const prevSlide = () => {
+ setCurrentSlide((prev) => (prev === 0 ? notes.length - 1 : prev - 1));
+ };
+
+ return (
+
+
+ My Notes
+
+
+ {notes.length > 0 ? (
+
+
+ {notes.map((note, index) => (
+
handleNoteClick(note.note_id)}
+ >
+
+
{note.note_title}
+
{note.note_description.substring(0, 100)}...
+
+
{note.department}
+
+
Rating:
+
{note.average_rating}
+
+
+ {note.document.endsWith('.pdf') ? (
+
+ ) : (
+
+ )}
+
+
+ ))}
+
+
+ Previous
+ Next
+
+
+ ) : (
+
No notes found.
+ )}
+
+ );
+};
+
+export default MyNotes;
diff --git a/src/Components/Profile/MyPosts.jsx b/src/Components/Profile/MyPosts.jsx
new file mode 100644
index 0000000..81fcd97
--- /dev/null
+++ b/src/Components/Profile/MyPosts.jsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import PostCard from './PostCard';
+
+function MyPosts({ posts,onDelete }) {
+ const handleDeletePost = (postId) => {
+ // Implement delete logic here (similar to MyJobs component)
+ console.log(`Deleting post with ID ${postId}`);
+ };
+
+ return (
+
+
+ My Created Posts
+
+
+
+ {posts.map((post, i) => (
+
+ ))}
+
+
+ );
+}
+
+export default MyPosts;
\ No newline at end of file
diff --git a/src/Components/Profile/MyResources.jsx b/src/Components/Profile/MyResources.jsx
new file mode 100644
index 0000000..12b82ca
--- /dev/null
+++ b/src/Components/Profile/MyResources.jsx
@@ -0,0 +1,14 @@
+import React from 'react'
+
+function MyResources() {
+ return (
+
+
+ My Shared Videos
+
+
+
+ )
+}
+
+export default MyResources
\ No newline at end of file
diff --git a/src/Components/Profile/MyVideos.jsx b/src/Components/Profile/MyVideos.jsx
new file mode 100644
index 0000000..c430b04
--- /dev/null
+++ b/src/Components/Profile/MyVideos.jsx
@@ -0,0 +1,56 @@
+import React, { useState } from 'react';
+import './videos.css'; // Adjust the path according to your project structure
+
+const MyVideos = ({ videos }) => {
+ const [currentSlide, setCurrentSlide] = useState(0);
+
+ const nextSlide = () => {
+ setCurrentSlide((prev) => (prev === videos.length - 1 ? 0 : prev + 1));
+ };
+
+ const prevSlide = () => {
+ setCurrentSlide((prev) => (prev === 0 ? videos.length - 1 : prev - 1));
+ };
+
+ return (
+
+
+ My Videos
+
+
+ {videos.length > 0 ? (
+
+
+ {videos.map((video, index) => (
+
+
+
{video.subject}
+
{video.topics}...
+
+
+
+
+
+ ))}
+
+
+ Previous
+ Next
+
+
+ ) : (
+
No videos found. Are you an Admin ??
+ )}
+
+ );
+};
+
+export default MyVideos;
diff --git a/src/Components/Profile/PostCard.jsx b/src/Components/Profile/PostCard.jsx
new file mode 100644
index 0000000..fff3264
--- /dev/null
+++ b/src/Components/Profile/PostCard.jsx
@@ -0,0 +1,42 @@
+
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import FavoriteBorderOutlinedIcon from '@mui/icons-material/FavoriteBorderOutlined';
+import DeleteIcon from '@mui/icons-material/Delete';
+
+function PostCard({ post, onDelete }) {
+ const navigate = useNavigate();
+
+ const handleCardClick = () => {
+ navigate(`/postdetails/${post.post_id}`);
+ };
+
+ const handleDeleteClick = (e) => {
+ e.stopPropagation(); // Prevent navigation when delete icon is clicked
+ onDelete(post.post_id);
+ };
+
+ return (
+
+
+
+
+
{/* Added image display */}
+
{post.title}
+
{post.description.substring(0, 60)}...
+
+
+
+ );
+}
+
+export default PostCard;
\ No newline at end of file
diff --git a/src/Components/Profile/jobs.css b/src/Components/Profile/jobs.css
new file mode 100644
index 0000000..211cf66
--- /dev/null
+++ b/src/Components/Profile/jobs.css
@@ -0,0 +1,40 @@
+.flex {
+ display: flex;
+ }
+
+ .overflow-x-scroll {
+ overflow-x: auto;
+ }
+
+ .space-x-4 > * + * {
+ margin-left: 1rem; /* Adjust spacing between cards as needed */
+ }
+
+ .border {
+ border: 1px solid #ccc;
+ }
+
+ .rounded-lg {
+ border-radius: 0.5rem;
+ }
+
+ .shadow {
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+
+ .bg-gray-300 {
+ background-color: #e2e8f0;
+ }
+
+ .md\:w-full {
+ width: 100%;
+ }
+
+ .cursor-pointer {
+ cursor: pointer;
+ }
+
+ .text-custom-blue {
+ color: #394dfd;
+ }
+
\ No newline at end of file
diff --git a/src/Components/Profile/notes.css b/src/Components/Profile/notes.css
new file mode 100644
index 0000000..057746d
--- /dev/null
+++ b/src/Components/Profile/notes.css
@@ -0,0 +1,35 @@
+/* Add this CSS to your styles */
+.slider-container {
+ position: relative;
+ max-width: 80%;
+ overflow: hidden;
+ margin-left: 10%;
+ }
+
+ .slider {
+ display: flex;
+ transition: transform 0.5s ease-in-out;
+ }
+
+ .slider .slide {
+ min-width: 100%;
+ box-sizing: border-box;
+ }
+
+ .slider-controls {
+ position: absolute;
+ top: 50%;
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ transform: translateY(-50%);
+ }
+
+ .slider-button {
+ background-color: rgba(0, 0, 0, 0.5);
+ color: white;
+ border: none;
+ padding: 10px;
+ cursor: pointer;
+ }
+
\ No newline at end of file
diff --git a/src/Components/Profile/videos.css b/src/Components/Profile/videos.css
new file mode 100644
index 0000000..f2acf03
--- /dev/null
+++ b/src/Components/Profile/videos.css
@@ -0,0 +1,34 @@
+/* Add this CSS to your styles */
+.slider-container {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+ }
+
+ .slider {
+ display: flex;
+ transition: transform 0.5s ease-in-out;
+ }
+
+ .slider .slide {
+ min-width: 100%;
+ box-sizing: border-box;
+ }
+
+ .slider-controls {
+ position: absolute;
+ top: 50%;
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ transform: translateY(-50%);
+ }
+
+ .slider-button {
+ background-color: rgba(0, 0, 0, 0.5);
+ color: white;
+ border: none;
+ padding: 10px;
+ cursor: pointer;
+ }
+
\ No newline at end of file
diff --git a/src/Pages/DiscoverPage.jsx b/src/Pages/DiscoverPage.jsx
new file mode 100644
index 0000000..8eb1a65
--- /dev/null
+++ b/src/Pages/DiscoverPage.jsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import Sidebar from '../Components/Home/Sidebar'
+import Discover from '../Components/Discover/Discover'
+
+
+function DiscoverPage() {
+ return (
+
+ )
+}
+
+export default DiscoverPage
\ No newline at end of file
diff --git a/src/Pages/Home.jsx b/src/Pages/Home.jsx
index 934d346..84dabb7 100644
--- a/src/Pages/Home.jsx
+++ b/src/Pages/Home.jsx
@@ -2,13 +2,18 @@ import React from 'react'
import Sidebar from '../Components/Home/Sidebar'
import JobOpportunity from '../Components/Home/JobOpportunity'
import LatestPosts from '../Components/Home/LatestPosts'
+import ShareNotes from '../Components/Home/ShareNotes'
+import SharedResources from '../Components/Home/SharedResources'
+
function Home() {
return (
-
+
-
)
diff --git a/src/Pages/LoginPage.jsx b/src/Pages/LoginPage.jsx
new file mode 100644
index 0000000..59acff4
--- /dev/null
+++ b/src/Pages/LoginPage.jsx
@@ -0,0 +1,255 @@
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import LoginImg1 from '../assets/loginimg-top.svg';
+import LoginImg2 from '../assets/loginimg-bottom.svg';
+
+const LoginPage = ({ onLoginChange }) => {
+ const navigate = useNavigate();
+ const [sapid, setSapid] = useState('');
+ const [password, setPassword] = useState('');
+ const [error, setError] = useState('');
+ const [isModalOpen, setIsModalOpen] = useState(false);
+ const [modalScreen, setModalScreen] = useState('email');
+ const [email, setEmail] = useState('');
+ const [otp, setOtp] = useState('');
+ const [new_password, setNewPassword] = useState('');
+ const [modalError, setModalError] = useState('');
+
+ const handleSubmit = async (event) => {
+ event.preventDefault();
+ const loginData = {
+ sapid,
+ password,
+ };
+
+ try {
+ const response = await fetch('https://monilmeh.pythonanywhere.com/auth/token', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify(loginData),
+ });
+
+ if (response.ok) {
+ const data = await response.json();
+ console.log('Login successful:', data);
+ onLoginChange(true);
+ localStorage.setItem('isLoggedIn', 'true');
+ localStorage.setItem('token', data.access);
+ localStorage.setItem('sapid', sapid);
+ navigate('/Home');
+ } else {
+ setError('Invalid credentials');
+ console.error('Login failed:', response.statusText);
+ }
+ } catch (error) {
+ setError('An unexpected error occurred');
+ console.error('Error:', error);
+ }
+ };
+
+ const handleForgotPassword = async () => {
+ setModalError('');
+ try {
+ const response = await fetch('https://monilmeh.pythonanywhere.com/auth/forgot-password/', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ email }),
+ });
+
+ if (response.ok) {
+ setModalScreen('otp');
+ } else {
+ setModalError('Failed to send reset email. Please try again.');
+ }
+ } catch (error) {
+ setModalError('An unexpected error occurred. Please try again.');
+ }
+ };
+
+ const handleVerifyOtp = async () => {
+ setModalError('');
+ try {
+ const response = await fetch('https://monilmeh.pythonanywhere.com/auth/verify-otp/', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ email, otp, new_password }),
+ });
+
+ if (response.ok) {
+ alert('Password reset successful!');
+ setIsModalOpen(false);
+ setEmail('');
+ setOtp('');
+ setNewPassword('');
+ } else {
+ setModalError('Failed to verify OTP or reset password. Please try again.');
+ }
+ } catch (error) {
+ setModalError('An unexpected error occurred. Please try again.');
+ }
+ };
+
+ return (
+
+
+
+
+
+
+
NOTENG
+
All your notes in one place
+
+
+
+
+
+
+
setIsModalOpen(true)}
+ >
+ Forgot your password?
+
+
+ Login
+
+
navigate('/SignUp')}
+ >
+ Don't have an account? Sign Up
+
+
{
+ setSapid('00000000000');
+ setPassword('test123');
+ handleSubmit(event);
+ }}
+ style={{ color: 'red', fontSize: '20px' }}
+ >
+ Test User
+
+
+
+
+
+
+
+ {isModalOpen && (
+
+
+ {modalScreen === 'email' ? (
+ <>
+
+
Reset Password
+ setIsModalOpen(false)}>X
+
+
+ Email
+
+ {modalError &&
{modalError}
}
+
+
+ Send OTP
+
+
+
+ ) : (
+ <>
+
+
Verify OTP
+ setIsModalOpen(false)}>X
+
+
+ OTP
+
+
+ New Password
+
+ {modalError &&
{modalError}
}
+
+
+ Verify OTP
+
+
+
+ )}
+
+
+ )}
+
+ );
+};
+
+export default LoginPage;
diff --git a/src/Pages/NewPostPage.jsx b/src/Pages/NewPostPage.jsx
new file mode 100644
index 0000000..fb95f7b
--- /dev/null
+++ b/src/Pages/NewPostPage.jsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import NewPost from '../Components/NewPost/NewPost'
+import Sidebar from '../Components/Home/Sidebar'
+function NewPostPage() {
+ return (
+
+
+
+ )
+}
+
+export default NewPostPage
\ No newline at end of file
diff --git a/src/Pages/PostDetails.jsx b/src/Pages/PostDetails.jsx
new file mode 100644
index 0000000..0ed5dbe
--- /dev/null
+++ b/src/Pages/PostDetails.jsx
@@ -0,0 +1,84 @@
+import React, { useState, useEffect } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+import Sidebar from '../Components/Home/Sidebar';
+import BackButton from '../assets/BackButton.png';
+import { Button } from '@mui/material';
+
+import axios from 'axios';
+
+const PostDetails = () => {
+ const navigate = useNavigate();
+ const { postId } = useParams();
+ const [postDetails, setPostDetails] = useState(null);
+ const token = localStorage.getItem('token');
+ const sapid = localStorage.getItem('sapid');
+
+ useEffect(() => {
+ const fetchPostDetails = async () => {
+ try {
+ const response = await axios.get(`https://monilmeh.pythonanywhere.com/api/posts/${postId}`, {
+ headers: {
+ 'Authorization': `Bearer ${token}`,
+ }
+ });
+ setPostDetails(response.data);
+ } catch (error) {
+ console.error('Error fetching post details:', error);
+ }
+ };
+
+ fetchPostDetails();
+ }, [postId, token]);
+
+ const handleGoBack = (event) => {
+ event.preventDefault();
+ navigate(-1);
+ };
+
+ if (!postDetails) {
+ return
Loading...
;
+ }
+
+ return (
+
+
+
+
+
+
+
Post Details
+
+
+
+
{postDetails.title}
+
+
+
Post Description
+
{postDetails.description}
+
+
+
+
+
+
+
+
Posted on:
+
{new Date(postDetails.deadline).toLocaleDateString()}
+
{new Date(postDetails.deadline).toLocaleTimeString()}
+
+
+
+ Contact Post Admin
+
+
+
+
+
+ );
+}
+
+export default PostDetails;
diff --git a/src/Pages/SignUp.jsx b/src/Pages/SignUp.jsx
new file mode 100644
index 0000000..e307729
--- /dev/null
+++ b/src/Pages/SignUp.jsx
@@ -0,0 +1,99 @@
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import SignUpImg from '../assets/signupimg.svg';
+
+const SignUp = () => {
+ const navigate = useNavigate();
+ const [formData, setFormData] = useState({
+ sapid: '',
+ password: '',
+ fname: '',
+ lname: '',
+ email: '',
+ contact_number: '',
+ });
+ const [errorMessage, setErrorMessage] = useState('');
+
+ const handleChange = (e) => {
+ setFormData({
+ ...formData,
+ [e.target.name]: e.target.value,
+ });
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ setErrorMessage('');
+
+ try {
+ const response = await fetch('https://monilmeh.pythonanywhere.com/auth/register', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Authorization': 'API-TOKEN',
+ },
+ body: JSON.stringify(formData),
+ });
+
+ if (response.ok) {
+ navigate('/LoginPage');
+ } else {
+ const errorData = await response.json();
+ console.error('Error response from server:', errorData);
+ setErrorMessage(errorData.message || 'Signup failed');
+ }
+ } catch (error) {
+ console.error('Error during fetch:', error);
+ setErrorMessage('An error occurred during sign-up. Please try again.');
+ }
+ };
+
+ return (
+
+
+
NOTENG
+
+
+
+
+
+
+ {errorMessage && (
+
+ {errorMessage}
+
+ )}
+
+
+
+ );
+};
+
+export default SignUp;
diff --git a/src/Pages/Splash.jsx b/src/Pages/Splash.jsx
new file mode 100644
index 0000000..b026ecd
--- /dev/null
+++ b/src/Pages/Splash.jsx
@@ -0,0 +1,42 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import SplashImg1 from '../assets/splashimg-top.svg';
+import SplashImg2 from '../assets/splashimg-bottom.svg';
+
+const Splash = () => {
+ const navigate = useNavigate();
+
+ function loginClick() {
+ navigate('/LoginPage');
+ }
+
+ function signupClick() {
+ navigate('/SignUp');
+ }
+
+ return (
+
+
+
+
+
+
+
NOTENG
+
+
+
+
+
+
All your notes in one place
+ Login
+ SignUp
+
+
+
+
+
+
+ );
+};
+
+export default Splash;
diff --git a/src/Pages/UploadNewPosts.jsx b/src/Pages/UploadNewPosts.jsx
new file mode 100644
index 0000000..a5256ee
--- /dev/null
+++ b/src/Pages/UploadNewPosts.jsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import Sidebar from '../Components/Home/Sidebar'
+import UploadNotes from '../Components/Notes/UploadNotes'
+
+function UploadNewPosts() {
+ return (
+
+ )
+}
+
+export default UploadNewPosts
\ No newline at end of file
diff --git a/src/Pages/UploadVideo.jsx b/src/Pages/UploadVideo.jsx
new file mode 100644
index 0000000..2b93028
--- /dev/null
+++ b/src/Pages/UploadVideo.jsx
@@ -0,0 +1,132 @@
+import React, { useState } from 'react';
+import Sidebar from '../Components/Home/Sidebar';
+import BackButton from '../assets/BackButton.png';
+import { useNavigate } from 'react-router-dom';
+import { Button } from '@mui/material';
+import axios from 'axios'; // Import Axios
+import '../styles/UploadVideo.css';
+
+const ViewNote = () => {
+ const navigate = useNavigate();
+
+ const [formData, setFormData] = useState({
+ videoName: '',
+ videoLink: '',
+ subject: '',
+ sem: '',
+ topics: '',
+ links: '',
+ user: localStorage.getItem('sapid')// Assuming user ID is constant
+ });
+ const token = localStorage.getItem('token');
+
+ const handleInputChange = (event) => {
+ const { id, value } = event.target;
+ setFormData({ ...formData, [id]: value });
+ };
+
+ const handleSubmit = async (event) => {
+ event.preventDefault();
+ try {
+ const response = await axios.post('https://monilmeh.pythonanywhere.com/api/videolinks/', formData, {
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Authorization': `Bearer ${token}`
+ }
+ });
+ console.log(response.data);
+ // Handle success, e.g., show a success message to the user
+ navigate('/'); // Redirect to homepage after successful submission
+ } catch (error) {
+ console.error('Error submitting form:', error);
+ // Handle error, e.g., show an error message to the user
+ }
+ };
+
+ const handleGoBack = (event) => {
+ event.preventDefault();
+ navigate(-1);
+ };
+
+ return (
+
+
+
+
+
+
+
+ Share Video Resource
+
+
+
+
+
+
+ );
+};
+
+export default ViewNote;
diff --git a/src/Pages/ViewJob.jsx b/src/Pages/ViewJob.jsx
new file mode 100644
index 0000000..17014ad
--- /dev/null
+++ b/src/Pages/ViewJob.jsx
@@ -0,0 +1,108 @@
+import React, { useState, useEffect } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+import Sidebar from '../Components/Home/Sidebar';
+import BackButton from '../assets/BackButton.png';
+import { Button } from '@mui/material';
+import axios from 'axios';
+import '../styles/ViewJob.css';
+
+const ViewJob = () => {
+ const navigate = useNavigate();
+ const { jobId } = useParams();
+ const [jobDetails, setJobDetails] = useState(null);
+ const token = localStorage.getItem('token');
+
+ useEffect(() => {
+ const fetchJobDetails = async () => {
+ try {
+ const response = await axios.get(`https://monilmeh.pythonanywhere.com/api/jobboard/${jobId}/`, {
+ headers: {
+ 'Authorization': `Bearer ${token}`
+ }
+ });
+ setJobDetails(response.data);
+ } catch (error) {
+ console.error('Error fetching job details:', error);
+ }
+ };
+
+ if (jobId) {
+ fetchJobDetails();
+ }
+ }, [jobId, token]);
+
+ const handleGoBack = (event) => {
+ event.preventDefault();
+ navigate(-1);
+ };
+
+ return (
+
+
+
+
+
+
+
+ View Job Opportunities
+
+
+
+ {jobDetails && (
+
+
{jobDetails.company}
+
{jobDetails.location}
+
+
+ {jobDetails.subtype}
+
+
+ {jobDetails.duration_in_months} Months
+
+
+ {jobDetails.mode}
+
+
+ {jobDetails.location}
+
+
+
+ )}
+
+ {jobDetails && (
+
+
Job Description
+
{jobDetails.description}
+
Job Requirements
+
+
+ {jobDetails.requirements.split(' - ').map((requirement, index) => (
+ {requirement}
+ ))}
+
+
+
+
+
+
Posted By:
+
Monil Mehta
+
+
+
{new Date(jobDetails.upload_time).toLocaleDateString()}
+
{new Date(jobDetails.upload_time).toLocaleTimeString()}
+
+
+
+ Contact Recruiter
+
+
+
+
+ )}
+
+
+ );
+}
+
+export default ViewJob;
diff --git a/src/Pages/profile.jsx b/src/Pages/profile.jsx
new file mode 100644
index 0000000..efa915a
--- /dev/null
+++ b/src/Pages/profile.jsx
@@ -0,0 +1,143 @@
+import React, { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import Sidebar from '../Components/Home/Sidebar';
+import { Button } from '@mui/material';
+import BackButton from '../assets/BackButton.png';
+import '../styles/profile.css';
+import MyJobs from '../Components/Profile/MyJobs';
+import MyPosts from '../Components/Profile/MyPosts';
+import MyNotes from '../Components/Profile/MyNotes';
+import MyResources from '../Components/Profile/MyResources';
+import MyCard from '../Components/Profile/MyCard';
+import DescriptionProfile from '../Components/Profile/DescriptionProfile';
+import axios from 'axios';
+import MyVideos from '../Components/Profile/MyVideos'; // Import MyVideos component
+
+const Profile = () => {
+ const navigate = useNavigate();
+ const [userData, setUserData] = useState({});
+ const [userNotes, setUserNotes] = useState([]);
+ const [userPosts, setUserPosts] = useState([]);
+ const [userJobs, setUserJobs] = useState([]);
+ const [userVideos, setUserVideos] = useState([]);
+ const [isAdmin, setIsAdmin] = useState(false); // State to check if user is admin
+
+ const token = localStorage.getItem('token');
+ const sapid = localStorage.getItem('sapid');
+
+ // Axios instance
+ const axiosInstance = axios.create({
+ baseURL: 'https://monilmeh.pythonanywhere.com',
+ headers: {
+ 'Authorization': `Bearer ${token}`
+ }
+ });
+
+ const handleJobDelete = (jobId) => {
+ fetch(`https://monilmeh.pythonanywhere.com/api/jobboard/${jobId}/`, {
+ method: 'DELETE',
+ headers: {
+ 'Authorization': `Bearer ${token}` // Replace with your actual access token
+ }
+ })
+ .then(response => {
+ if (response.ok) {
+ setUserJobs(userJobs.filter(job => job.job_id !== jobId));
+ } else {
+ console.error('Error deleting job');
+ }
+ })
+ .catch(error => console.error('Error deleting job:', error));
+ };
+ const handlePostDelete = (postId) => {
+ const token = localStorage.getItem('token'); // Ensure the token is fetched correctly
+
+ fetch(`https://monilmeh.pythonanywhere.com/api/posts/${postId}`, {
+ method: 'DELETE',
+ headers: {
+ 'Authorization': `Bearer ${token}` // Use the actual access token
+ }
+ })
+ .then(response => {
+ if (response.ok) {
+ setUserPosts(prevPosts => prevPosts.filter(post => post.post_id !== postId));
+ } else {
+ console.error('Error deleting post');
+ }
+ })
+ .catch(error => console.error('Error deleting post:', error));
+ };
+
+ useEffect(() => {
+ const fetchData = async () => {
+ try {
+ // Fetch user data
+ const userResponse = await axiosInstance.get('/auth/user/');
+ setUserData(userResponse.data);
+
+ // Check if user is admin
+ const adminResponse = await axiosInstance.get('/api/isAdmin/');
+ setIsAdmin(adminResponse.data);
+
+ // Fetch all data and filter by sapid
+ const [notesResponse, postsResponse, jobsResponse, videosResponse] = await Promise.all([
+ axiosInstance.get('/api/notes/'),
+ axiosInstance.get('/api/posts'),
+ axiosInstance.get('/api/jobboard/'),
+ axiosInstance.get('/api/videolinks/')
+ ]);
+
+ setUserNotes(notesResponse.data.filter(note => note.user === sapid));
+ setUserPosts(postsResponse.data.filter(post => post.user === sapid));
+ setUserJobs(jobsResponse.data.filter(job => job.user === sapid));
+ if (adminResponse.data) {
+ setUserVideos(videosResponse.data.filter(video => video.user === sapid));
+ }
+ console.log(userPosts);
+ } catch (error) {
+ console.error('Error fetching data:', error);
+ }
+ };
+
+ fetchData();
+ }, []);
+
+ const handleGoBack = (event) => {
+ event.preventDefault();
+ navigate(-1);
+ };
+
+ return (
+
+
+
+
+
+
+
+ My Profile
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Profile;
diff --git a/src/assets/BackButton.png b/src/assets/BackButton.png
new file mode 100644
index 0000000..8c52ab7
Binary files /dev/null and b/src/assets/BackButton.png differ
diff --git a/src/assets/briefcase-alt_svgrepo.com.png b/src/assets/briefcase-alt_svgrepo.com.png
new file mode 100644
index 0000000..1d1a4bc
Binary files /dev/null and b/src/assets/briefcase-alt_svgrepo.com.png differ
diff --git a/src/assets/briefcase-alt_svgrepo.com.svg b/src/assets/briefcase-alt_svgrepo.com.svg
new file mode 100644
index 0000000..4f0f138
--- /dev/null
+++ b/src/assets/briefcase-alt_svgrepo.com.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/assets/doc_svgrepo.com.svg b/src/assets/doc_svgrepo.com.svg
new file mode 100644
index 0000000..dd94577
--- /dev/null
+++ b/src/assets/doc_svgrepo.com.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/assets/loginimg-bottom.svg b/src/assets/loginimg-bottom.svg
new file mode 100644
index 0000000..44f8708
--- /dev/null
+++ b/src/assets/loginimg-bottom.svg
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
diff --git a/src/assets/loginimg-top.svg b/src/assets/loginimg-top.svg
new file mode 100644
index 0000000..d17946d
--- /dev/null
+++ b/src/assets/loginimg-top.svg
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
diff --git a/src/assets/noteimg.png b/src/assets/noteimg.png
new file mode 100644
index 0000000..fdb5f97
Binary files /dev/null and b/src/assets/noteimg.png differ
diff --git a/src/assets/notenglogo.png b/src/assets/notenglogo.png
new file mode 100644
index 0000000..3714296
Binary files /dev/null and b/src/assets/notenglogo.png differ
diff --git a/src/assets/post_svgrepo.com.svg b/src/assets/post_svgrepo.com.svg
new file mode 100644
index 0000000..727a7e3
--- /dev/null
+++ b/src/assets/post_svgrepo.com.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/assets/postdetails.svg b/src/assets/postdetails.svg
new file mode 100644
index 0000000..f370547
--- /dev/null
+++ b/src/assets/postdetails.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/src/assets/signupimg.svg b/src/assets/signupimg.svg
new file mode 100644
index 0000000..89ee183
--- /dev/null
+++ b/src/assets/signupimg.svg
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
+
diff --git a/src/assets/splashimg-bottom.svg b/src/assets/splashimg-bottom.svg
new file mode 100644
index 0000000..1d82c27
--- /dev/null
+++ b/src/assets/splashimg-bottom.svg
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
diff --git a/src/assets/splashimg-top.svg b/src/assets/splashimg-top.svg
new file mode 100644
index 0000000..145bbb3
--- /dev/null
+++ b/src/assets/splashimg-top.svg
@@ -0,0 +1,88 @@
+
+
+
+
+
+
+
+
diff --git a/src/assets/video_svgrepo.com.svg b/src/assets/video_svgrepo.com.svg
new file mode 100644
index 0000000..cf6a344
--- /dev/null
+++ b/src/assets/video_svgrepo.com.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/index.css b/src/index.css
index 69bd004..19bce5f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -2,8 +2,12 @@
@tailwind components;
@tailwind utilities;
-body {
+* {
margin: 0;
-
+ /* Set margin to 0 for all elements */
}
+body {
+ box-sizing: border-box;
+ /* Apply box-sizing to all elements in the body */
+}
diff --git a/src/index.js b/src/index.js
index d563c0f..40a558f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,10 +1,11 @@
import React from 'react';
-import ReactDOM from 'react-dom/client';
+import { createRoot } from 'react-dom/client'; // Import createRoot from react-dom/client
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
+import "@fontsource/poppins"; // Defaults to weight 400
-const root = ReactDOM.createRoot(document.getElementById('root'));
+const root = createRoot(document.getElementById('root'));
root.render(
+