18 |
56 |
19 |
46 |
20 |
34 | 21 | {" "} 22 | {selected === "Job TItle List" ? ( 23 | <>All Job Title List 24 | ) : ( 25 | <>Deleted Job Title List 26 | )} 27 |
28 |See information about all posts
29 | 33 |
35 | {" "}
36 |
44 |
45 |
47 |
55 |
48 | {selected === "Job TItle List" ? (
49 |
54 |
18 |
56 |
19 |
46 |
20 |
34 | 21 | {" "} 22 | {selected === "Category List" ? ( 23 | <>All Category List 24 | ) : ( 25 | <>Deleted Category List 26 | )} 27 |
28 |See information about all posts
29 | 33 |
35 | {" "}
36 |
44 |
45 |
47 |
55 |
48 | {selected === "Category List" ? (
49 |
54 |
13 |
59 |
60 | );
61 | }
62 |
63 | export default AdminMore;
64 |
--------------------------------------------------------------------------------
/src/components/Admin/AdminMore/Skills/BlockedSkillsList/UnblockSkillsModal.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import {
3 | Button,
4 | Dialog,
5 | DialogHeader,
6 | DialogBody,
7 | DialogFooter,
8 | } from "@material-tailwind/react";
9 | import { ToastContainer, toast } from "react-toastify";
10 | import "react-toastify/dist/ReactToastify.css";
11 | import {BlockedSkillsLists, SkillsDetails } from "../../../../../services/adminApi";
12 | import Loader from "../../../../Loading/Loading";
13 | const UnblockSkillsModal = ({
14 | isOpen,
15 | onClose,
16 | updateSearcheddata,
17 | Selectedpost
18 | }) => {
19 | // For loading
20 | const [loading, setLoading] = useState(false);
21 | const handleLoading = () => setLoading((cur) => !cur);
22 | const ConfirmButton = async () => {
23 | try {
24 | const data = {
25 | is_deleted: false,
26 | };
27 | handleLoading();
28 | const res = await SkillsDetails(data, Selectedpost.id);
29 |
30 | if (res.status === 200) {
31 | const search = "";
32 | const res2 = await BlockedSkillsLists(search);
33 | updateSearcheddata(res2.data);
34 | toast.success(`${res.data.skills} Unblocked successfully`);
35 | }
36 | handleLoading()
37 | } catch (error) {
38 | handleLoading()
39 | console.log(error);
40 | }
41 | onClose();
42 | };
43 | return (
44 | <>
45 | {loading &&
14 |
47 |
15 |
46 | setselected("Job Category")}
22 | >
23 | Job Category
24 |
25 | setselected("Job Titles")}
32 | >
33 | Job Titles
34 |
35 | setselected("Skills")}
42 | >
43 | Skills
44 |
45 |
48 |
58 |
49 | {selected === 'Job Category'?(
50 |
57 |
62 | {" "}
63 | {lineChartData && (
64 |
80 |
81 | );
82 | }
83 |
84 | export default AdminDashboard;
85 |
--------------------------------------------------------------------------------
/src/components/Admin/AdminMore/JobTitle/BlockedTitleList/UnBlockedTitleModal.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import {
3 | Button,
4 | Dialog,
5 | DialogHeader,
6 | DialogBody,
7 | DialogFooter,
8 | } from "@material-tailwind/react";
9 | import { ToastContainer, toast } from "react-toastify";
10 | import "react-toastify/dist/ReactToastify.css";
11 | import {JobTitledDetails, JobTitledBlockedList } from "../../../../../services/adminApi";
12 | import Loader from "../../../../Loading/Loading";
13 | const UnBlockedTitleModal = ({
14 | isOpen,
15 | onClose,
16 | resetView,
17 | updateSearcheddata,
18 | Selectedpost
19 | }) => {
20 | // For loading
21 | const [loading, setLoading] = useState(false);
22 | const handleLoading = () => setLoading((cur) => !cur);
23 | const ConfirmButton = async () => {
24 | try {
25 | const data = {
26 | title_name : Selectedpost.title_name,
27 | field : Selectedpost.field,
28 | is_deleted: false,
29 | };
30 | handleLoading();
31 | const res = await JobTitledDetails(data, Selectedpost.id);
32 | if (res.status === 200) {
33 | const search = "";
34 | const res2 = await JobTitledBlockedList(search);
35 | console.log(res2);
36 | updateSearcheddata(res2.data);
37 | toast.success(`${res.data.title_name} UnBlocked successfully`);
38 | }
39 | handleLoading()
40 | } catch (error) {
41 | handleLoading()
42 | console.log(error);
43 | }
44 | onClose();
45 | };
46 | return (
47 | <>
48 | {loading &&
65 |
70 | )}
71 | {chartData && (
72 | 66 | Post Counts Over Months 67 |
68 |
73 |
78 | )}
79 | 74 | Users And Posts Chart 75 |
76 |
14 |
62 |
63 | );
64 | }
65 |
66 | export default Admin_UserManagement;
67 |
--------------------------------------------------------------------------------
/src/components/Admin/AdminMore/Skills/AddSkillsModal/AddSkillsModal.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import {
3 | Dialog,
4 | DialogHeader,
5 | DialogBody,
6 | DialogFooter,
7 | } from "@material-tailwind/react";
8 | import Loader from "../../../../Loading/Loading";
9 | import { ToastContainer, toast } from "react-toastify";
10 | import "react-toastify/dist/ReactToastify.css";
11 | import { SkillsCreate } from "../../../../../services/adminApi";
12 |
13 | export function AddSkillsModal({ open, handleOpen }) {
14 | const [Form, setForm] = useState({ skills: "" });
15 |
16 | // For loading
17 | const [loading, setLoading] = useState(false);
18 | const handleLoading = () => setLoading((cur) => !cur);
19 | const SubmitButton = async () => {
20 | if (Form.skills.trim() === "") {
21 | toast.error("Skills filed connot be blank");
22 | } else {
23 | try {
24 | handleLoading();
25 | const res = await SkillsCreate(Form);
26 | if (res.status === 201) {
27 | toast.success(`${res.data.skills} added succesfully`);
28 | }
29 | handleOpen()
30 | handleLoading();
31 | } catch (error) {
32 | handleOpen()
33 | console.log(error);
34 | handleLoading();
35 | if (error && error.response.data) {
36 | toast.error(error.response.data[0]);
37 | } else {
38 | toast.error("Something wrong");
39 | }
40 | }
41 | }
42 | };
43 | return (
44 | <>
45 |
72 |
73 | );
74 | }
75 |
--------------------------------------------------------------------------------
/src/components/NavBarSearching/NavBarSearching.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import {ReactSearchAutocomplete} from "react-search-autocomplete";
3 | import { Country, State } from 'country-state-city';
4 | import { useQuery, useQueryClient } from "react-query";
5 | import { AdminJobFieldList, AdminJobTitlelist, AdminSkillsList } from "../../services/adminApi";
6 | import Loader from "../Loading/Loading";
7 | import { useNavigate } from "react-router-dom";
8 |
9 | function NavBarSearching() {
10 | const navigate = useNavigate()
11 | const [JobField,setJobfield] = useState([])
12 | const [JobTitle,setJobTitle] = useState([])
13 | const [Skills,setSkills] = useState([])
14 | const countryOptions = Country.getAllCountries().map((country) => ({
15 | name: country.name,
16 | }));
17 |
18 | const stateOptions = State.getAllStates().map((state) => ({
19 | name: state.name,
20 | }));
21 | const jobFieldNames = JobField.map((job) => ({
22 | type: 'Job Field',
23 | name: job.field_name,
24 | }));
25 | const JobTitleNames = JobTitle.map((job) => ({
26 | type: 'Job Field',
27 | name: job.title_name,
28 | }));
29 | const SkillsNames = Skills.map((Skill) => ({
30 | type: 'Skills',
31 | name: Skill.skills,
32 | }));
33 | const items = [
34 | ...jobFieldNames,
35 | ...JobTitleNames,
36 | ...SkillsNames,
37 | ...countryOptions.map((country) => ({ type: 'Country', name: country.name })),
38 | ...stateOptions.map((state) => ({ type: 'State', name: state.name })),
39 | ];
40 |
41 | const handleOnSelect = (item) => {
42 | navigate(`/user/jobs/${item.name}`)
43 | };
44 | async function GetJobSkillList(){
45 | const res = await AdminJobFieldList()
46 | setJobfield(res.data)
47 | const res2 = await AdminJobTitlelist()
48 | setJobTitle(res2.data)
49 | const res3 = await AdminSkillsList()
50 | setSkills(res3.data)
51 | }
52 | // ---------------------------------react quary-------------------------------------//
53 | const queryClient = useQueryClient();
54 | const { isLoading, error, data } = useQuery({
55 | queryKey: ["GetJobSkillList"],
56 | queryFn: () => GetJobSkillList(),
57 | });
58 |
59 | if (isLoading) {
60 | return <>;
61 | }
62 | if (error) {
63 | return (
64 | <>
65 | );
66 | }
67 | // ---------------------------------react quary-------------------------------------//
68 |
69 | return (
70 |
15 |
48 |
16 |
30 | 17 | {" "} 18 | {selected === "All List" ? ( 19 | <>All Users List 20 | ) : selected === "All Company List" ? ( 21 | <>All Company Users List 22 | ) : selected === "Block User List" ? ( 23 | <>Blocked Users List 24 | ) : ( 25 | <>Blocked Company Users List 26 | )} 27 |
28 |See information about all posts
29 |
31 | {" "}
32 |
46 |
47 |
49 |
61 |
50 | {selected === "All List" ? (
51 |
60 |
71 |
78 | );
79 | }
80 |
81 | export default NavBarSearching;
82 |
--------------------------------------------------------------------------------
/src/components/Admin/Admin_CompanyManagement/AdminPostManagement/AdminAllPostList/AdminBlockPost.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import {
3 | Button,
4 | Dialog,
5 | DialogHeader,
6 | DialogBody,
7 | DialogFooter,
8 | } from "@material-tailwind/react";
9 | import { ToastContainer, toast } from "react-toastify";
10 | import "react-toastify/dist/ReactToastify.css";
11 | import {
12 | AllCompanyPostlist,
13 | PostBlockedUnblocked,
14 | } from "../../../../../services/adminApi";
15 | import Loader from "../../../../Loading/Loading";
16 | const AdminBlockPost = ({
17 | isOpen,
18 | view,
19 | onClose,
20 | resetView,
21 | updateSearcheddata,
22 | Selectedpost,
23 | BlockUnblock,
24 | }) => {
25 | // For loading
26 | const [loading, setLoading] = useState(false);
27 | const handleLoading = () => setLoading((cur) => !cur);
28 | const ConfirmButton = async () => {
29 | try {
30 | const data = {
31 | is_blocked: BlockUnblock,
32 | };
33 | handleLoading();
34 | const res = await PostBlockedUnblocked(data, Selectedpost.id);
35 |
36 | if (res.status === 200) {
37 | resetView();
38 | const search = "";
39 | const res2 = await AllCompanyPostlist(search);
40 | updateSearcheddata(res2.data);
41 | toast.success("Post Deleted successfully");
42 | }
43 | handleLoading()
44 | } catch (error) {
45 | handleLoading()
46 | console.log(error);
47 | }
48 | onClose();
49 | };
50 | return (
51 | <>
52 | {loading && There was an error fetching data
; 40 | } 41 | //---------------------------- React quary---------------------------------------// 42 | 43 | return ( 44 | <> 45 |
46 |
82 |
83 | );
84 | }
85 |
86 | export default CompanyLIst;
87 |
--------------------------------------------------------------------------------
/src/components/Profile/MyinfoComponent/SkillComponents/SkillComponents.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from "react";
2 | import { useSelector } from "react-redux/es/hooks/useSelector";
3 | import Select from "react-select";
4 | // Servies
5 | import { AdminSkillsList } from "../../../../services/adminApi";
6 | import {
7 | UpdateUserInfoDetails,
8 | Remove_skill,
9 | } from "../../../../services/userApi";
10 |
11 | // Redux
12 | import { SetSkills, DeleteSkills, ClearSkills } from "../../../../Redux/UserSlice";
13 | import { useDispatch } from "react-redux";
14 |
15 | function SkillComponents() {
16 | const dispatch = useDispatch();
17 | const { UserInfo } = useSelector((state) => state.user);
18 | const { Skills } = useSelector((state) => state.user);
19 | const [skill, setSkill] = useState([]);
20 |
21 | // Feching data in backend and stored
22 | async function getSkillslist() {
23 | try {
24 | const response = await AdminSkillsList();
25 | setSkill(response.data);
26 | } catch (error) {
27 | toast.error("Error fetching Skills fields:", error);
28 | }
29 | }
30 |
31 | const options = skill.map((s) => ({
32 | value: s.skills,
33 | id: s.id,
34 | label: s.skills,
35 | }));
36 | // Add skills
37 | const handleSelectChange = async (selectedOption) => {
38 | const array = [];
39 | array.push({ skills: selectedOption.value });
40 | const res = await UpdateUserInfoDetails(
41 | { skills: array },
42 | UserInfo.userinfoid
43 | );
44 | dispatch(ClearSkills());
45 | res.data.skills.map((values, index) => {
46 | dispatch(SetSkills(values));
47 | });
48 | };
49 |
50 | // Delete skills
51 | const DltSkills = async (skills, index) => {
52 | const data = {UserInfoId: UserInfo.userinfoid, SkillsId: skills}
53 | const res = await Remove_skill(data)
54 | dispatch(DeleteSkills(index))
55 |
56 | };
57 | useEffect(() => {
58 | document.title = "Add your Skills | Career Bridge";
59 | getSkillslist();
60 | }, []);
61 |
62 | return (
63 |
48 |
81 |
49 |
51 | Company List
50 |
52 | {Searchlist?.map((serchlist,index)=>(
53 |
80 |
54 |
55 |
56 | 
60 |
61 |
62 |
63 | UI/UX Review Check
64 |
65 |
66 | The place is close to Barceloneta Beach and bus stop just 2
67 | min by walk and near to "Naviglio" where you can
68 | enjoy the main night life in Barcelona.
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 | )) }
78 |
79 |
60 |
64 |
90 | );
91 | }
92 |
93 | export default SkillComponents;
94 |
--------------------------------------------------------------------------------
/src/components/Company/Dashboard/RequestsComponents/RequstsComponents.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from "react";
2 | import AllDetails from "./CompanyList/AllDetails";
3 | import PendingList from "./CompanyList/PendingList";
4 | import AcceptedList from "./CompanyList/AcceptedList";
5 | import RejectedList from "./CompanyList/RejectedList";
6 |
7 | function RequstsComponents() {
8 | const [selected, setselected] = useState("all");
9 | useEffect(()=>{
10 | document.title = 'Request List | Career Bridge'
11 | },[])
12 | return (
13 | <>
14 | Add Skills
65 | {!UserInfo.bio === "Add bio" ? (
66 |
67 |
71 | ) : (
72 |
68 |
70 | +
69 |
73 |
88 | )}
89 |
74 | {Skills.map((skills, index) => (
75 |
87 | 76 | {skills.skills} 77 | DltSkills(skills.id, index)} 80 | > 81 | X 82 | 83 |
84 | ))} 85 | 86 |
15 |
75 |
76 | );
77 | }
78 |
79 | export default RequstsComponents;
80 |
--------------------------------------------------------------------------------
/src/components/choose.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from "react";
2 | import { useNavigate,Link } from "react-router-dom";
3 | import image1 from '../assets/users.png';
4 | import image2 from '../assets/hiring.webp';
5 |
6 | function Choos() {
7 | const navigate = useNavigate()
8 | useEffect(() => {
9 | document.title = 'Choose somthing';
10 | }, []);
11 | const [selectedOption, setSelectedOption] = useState('client'); // 'client' or 'freelancer'
12 |
13 | const handleOptionChange = (option) => {
14 | setSelectedOption(option);
15 | };
16 |
17 | const OnClickButton = ()=>{
18 | selectedOption === 'client' ? navigate('/company/signup') : navigate('/user/signup')
19 | }
20 |
21 | return (
22 |
16 |
74 |
17 |
62 | Member list
18 |See information about all members
19 |
20 |
61 | setselected("all")}
27 | >
28 |
30 | All
29 | setselected("pending")}
37 | >
38 |
40 | Pendng
39 | setselected("accepted")}
47 | >
48 |
50 | Accepted
49 | setselected("rejected")}
57 | >
58 |
60 | Rejected
59 |
63 | {selected === "all" ? (
64 |
73 |
23 |
76 | );
77 | }
78 |
79 | export default Choos;
80 |
--------------------------------------------------------------------------------
/src/pages/User/SignUpPage/RegisterResendmail.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from "react";
2 | import Loader from "../../../components/Loading/Loading";
3 | import { ToastContainer, toast } from "react-toastify";
4 | import MailOpen from "../../../assets/EmailImg/EmailOpen.png";
5 | import { Link, useNavigate } from "react-router-dom";
6 | import { UserUrl } from "../../../constants/constants";
7 | import axios from "axios";
8 |
9 | function RegisterResendmail() {
10 | const navigate = useNavigate();
11 | const [Email,setEmail] = useState({email:''})
12 | // Loading
13 | const [loading, setLoading] = useState(false);
14 | const handleLoading = () => setLoading((cur) => !cur);
15 |
16 | useEffect(() => {
17 | document.title = "Mail | Career Bridge";
18 | setEmail({...Email,email:localStorage.getItem('email')})
19 | }, []);
20 |
21 | const Gmail = () => {
22 | window.open("https://mail.google.com/mail/u/0/#inbox", "_blank");
23 | };
24 | const ReSend = async () => {
25 | handleLoading();
26 | try {
27 | const response = await axios.post(
28 | UserUrl + "/api/Resend_registration_link/",
29 | Email
30 | );
31 | if (response.data.status === "success") {
32 | console.log(response);
33 | handleLoading();
34 | toast.success(response.data.msg);
35 | } else {
36 | handleLoading();
37 | toast.error(response.data.msg);
38 | }
39 | } catch (error) {
40 | handleLoading();
41 | toast.error("Some think wrong");
42 | }
43 | };
44 | return (
45 | <>
46 | {loading && Career Bridge
24 |
25 |
75 |
26 |
28 | Join as a client or freelancer
27 |
29 |
66 | handleOptionChange('client')}
34 | >
35 |
47 |
36 |
43 |
37 | 
38 |
39 |
40 |
41 |
42 |
44 |
46 | I’m a client, hiring for a project
45 | handleOptionChange('freelancer')}
52 | >
53 |
65 |
54 |
61 |
55 | 
56 |
57 |
58 |
59 |
60 |
62 |
64 | I’m a freelancer, looking for work
63 |
67 |
70 |
71 |
72 |
74 | Already have an account? Log In
73 |
49 |
95 |
96 | );
97 | }
98 |
99 | export default RegisterResendmail;
100 |
--------------------------------------------------------------------------------
/src/Redux/UserSlice.js:
--------------------------------------------------------------------------------
1 | import { createSlice } from "@reduxjs/toolkit";
2 |
3 | const initialState = {
4 | UserInfo: {},
5 | JobFiledRedex: "",
6 | JobTitleRedex: "",
7 | positions : "",
8 | experiences: [],
9 | Education: [],
10 | Language: [],
11 | Skills: [],
12 | };
13 |
14 | const userSlice = createSlice({
15 | name: "user",
16 | initialState,
17 | reducers: {
18 | setUserDetails: (state, action) => {
19 | state.UserInfo= action.payload.UserInfo;
20 | },
21 | UpdateUserDetails: (state, action) =>{
22 | state.UserInfo = {
23 | ...state.UserInfo,
24 | first_name: action.payload.first_name,
25 | last_name: action.payload.last_name,
26 | bio: action.payload.bio,
27 | streetaddress: action.payload.streetaddress,
28 | city: action.payload.city,
29 | state: action.payload.state,
30 | zipcode: action.payload.zipcode,
31 | cv: action.payload.cv,
32 | };
33 | },
34 | LogoutDetails: (state, action) => {
35 | state.UserInfo = {};
36 | },
37 | // Role
38 | setRole: (state, action) => {
39 | state.JobFiledRedex = action.payload.JobFiledRedex;
40 | state.JobTitleRedex = action.payload.JobTitleRedex;
41 | },
42 | ClearRole: (state, action) => {
43 | state.JobFiledRedex = "";
44 | state.JobTitleRedex = "";
45 | },
46 | // Position
47 | setPosition: (state, action)=>{
48 | state.positions = action.payload.position;
49 | },
50 | ClearPosition: (state)=>{
51 | state.positions = ''
52 | },
53 | // Experience
54 | setExperiences: (state, action) => {
55 | state.experiences.push(action.payload);
56 | },
57 | EditExpeience: (state, action) => {
58 | const { index, updatedExperience } = action.payload;
59 | state.experiences[index] = updatedExperience;
60 | },
61 | DeteteExperience: (state, action) => {
62 | const index = action.payload;
63 | state.experiences.splice(index, 1);
64 | },
65 | CleatExperiences : (state)=>{
66 | state.experiences = [];
67 | },
68 | // Education
69 | SetEducation: (state, action) => {
70 | state.Education.push(action.payload);
71 | },
72 | EditEducation: (state, action) => {
73 | const { index, updatedEducation } = action.payload;
74 | state.Education[index] = updatedEducation;
75 | },
76 | DeleteEducation: (state, action) => {
77 | const index = action.payload;
78 | state.Education.splice(index, 1);
79 | },
80 | ClearEducation: (state)=>{
81 | state.Education = [];
82 | },
83 | // Language
84 | SetLanguage: (state, action) => {
85 | state.Language.push(action.payload);
86 | },
87 | DeleteLanguage: (state, action) => {
88 | const index = action.payload;
89 | state.Language.splice(index, 1);
90 | },
91 | ClearLanguage: (state)=>{
92 | state.Language = []
93 | },
94 | // Skills
95 | SetSkills: (state, action) => {
96 | state.Skills.push(action.payload);
97 | },
98 | DeleteSkills: (state, action) => {
99 | const index = action.payload;
100 | state.Skills.splice(index, 1);
101 | },
102 | ClearSkills: (state)=>{
103 | state.Skills = []
104 | },
105 | },
106 | });
107 |
108 | export const {
109 | setUserDetails,
110 | setRole,
111 | setPosition,
112 | setExperiences,
113 | EditExpeience,
114 | DeteteExperience,
115 | SetEducation,
116 | EditEducation,
117 | DeleteEducation,
118 | SetLanguage,
119 | DeleteLanguage,
120 | SetSkills,
121 | DeleteSkills,
122 | AfterConfirm,
123 | LogoutDetails,
124 | ClearRole,
125 | ClearPosition,
126 | CleatExperiences,
127 | ClearEducation,
128 | ClearLanguage,
129 | ClearSkills,
130 | UpdateUserDetails,
131 | } = userSlice.actions;
132 | export default userSlice.reducer;
133 |
--------------------------------------------------------------------------------
/src/assets/react.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/Company/Dashboard/PostsComponents/PostList.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from "react";
2 | import { AddPost } from "./AddPost/AddPost";
3 | import { Select, Option } from "@material-tailwind/react";
4 | import { Link } from "react-router-dom";
5 | import PostListingComponents from "./PostListingComponents/PostListingComponents";
6 | import { useSelector } from "react-redux";
7 | import ArchivePosts from "./PostListingComponents/ArchivePosts";
8 | import BlockedPosts from "./PostListingComponents/BlockedPosts";
9 | function PostList() {
10 | const { CompanyInfo } = useSelector((state) => state.company);
11 | const [TypesofPost, setTypesofPost] = useState("Posts");
12 | const [open, setOpen] = useState(false);
13 | useEffect(() => {
14 | document.title = "Your Post | Career Bridge";
15 | }, []);
16 | const handleOpen = () => setOpen(!open);
17 | console.log("sifan daxo");
18 | return (
19 | <>
20 |
50 |
57 | 51 | Career Bridge 52 |
53 | 54 | Login 55 | 56 |
58 |
94 |
59 | 
60 |
61 |
62 |
66 | 63 | Verify your email to continue 64 |
65 |
67 |
72 |
68 | Please check your email and select the link provided to verify
69 | your
address.
70 |
75 | localStorage.removeItem('email')}> Change email
76 |
77 |
78 |
93 |
79 |
85 |
91 |
92 |
21 |
91 |
22 |
90 |
23 |
63 |
24 |
49 | 25 | {TypesofPost === "Posts" ? ( 26 | <>Post list 27 | ) : TypesofPost === "Archive Posts" ? ( 28 | <>Archive Posts 29 | ) : ( 30 | <>Blocked Posts 31 | )} 32 |
33 |See information about all posts
34 | {CompanyInfo.is_verify ? ( 35 | 45 | ) : ( 46 | "" 47 | )} 48 |
50 |
62 |
51 |
60 |
61 |
64 | {CompanyInfo.is_verify ? (
65 | <>
66 | {TypesofPost === "Posts" ? (
67 |
89 |
76 |
87 | )}
88 |
77 |
86 | 78 | Company not verified 79 |
80 |
81 |
82 | Goto Profile
83 |
84 |
85 |
45 |
50 |
46 |
49 | My info
47 |This is a client account
48 |
51 |
91 |
92 |
52 |
65 |
53 |
55 | Account
54 |
56 |
64 |
60 | 
61 |
62 |
66 |
90 |
67 |
79 |
68 |
78 |
69 | 
76 |
77 |
80 | Email
85 |
89 | Client
81 |82 | {UserInfo.first_name} {UserInfo.last_name} 83 |
84 |{UserInfo.email}
86 |Position
87 |{JobTitleRedex}
88 |
55 |
101 |
102 | );
103 | }
104 |
105 | export default MailShowpage;
106 |
--------------------------------------------------------------------------------
/src/components/user/LanguageModal/AddLanguageModal.jsx:
--------------------------------------------------------------------------------
1 | import {
2 | Dialog,
3 | DialogHeader,
4 | DialogBody,
5 | DialogFooter,
6 | Button,
7 | } from "@material-tailwind/react";
8 | import LanguageList from "countries-list";
9 | import { useState } from "react";
10 | import Select from "react-select";
11 |
12 | // Redux
13 | import { useDispatch } from "react-redux";
14 | import { SetLanguage } from "../../../Redux/UserSlice";
15 |
16 | const AddLanguageModal = ({ isOpen, onClose }) => {
17 | const dispatch = useDispatch();
18 |
19 | const [Form, setForm] = useState({ language: "", proficiency: "" });
20 | const [error, seterror] = useState({ language: false, proficiency: false });
21 |
22 | const languages = Object.keys(LanguageList.languagesAll).map((LangCode) => ({
23 | name: LanguageList.languagesAll[LangCode].name,
24 | value: LangCode,
25 | }));
26 |
27 | const options = languages.map((lang, index) => ({
28 | value: lang.name,
29 | label: lang.name,
30 | }));
31 | const options2 = [
32 | { value: "Basic", label: "Basic" },
33 | { value: "Conversational", label: "Conversational" },
34 | { value: "Fluent", label: "Fluent" },
35 | { value: "Native or Bilingual", label: "Native or Bilingual" },
36 | ];
37 |
38 | const Validation = () => {
39 | if (Form.language.trim() === "") {
40 | seterror({ ...error, language: true });
41 | return false;
42 | } else if (Form.proficiency.trim() === "") {
43 | seterror({ ...error, proficiency: true });
44 | return false;
45 | }
46 | return true;
47 | };
48 |
49 | const ConfirmButton = () => {
50 | if (Validation()) {
51 | dispatch(SetLanguage(Form));
52 | setForm({ language: "", proficiency: "" })
53 | onClose();
54 | }
55 | };
56 |
57 | return (
58 |
109 | );
110 | };
111 | export { AddLanguageModal };
112 |
--------------------------------------------------------------------------------
/src/components/Admin/AdminNotifications/AdminNotifications.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import { useQuery, useQueryClient } from "react-query";
3 | import Loader from "../../Loading/Loading";
4 | import {
5 | AdminNotification,
6 | AdminNotificationRead,
7 | } from "../../../services/adminApi";
8 | function AdminNotifications({ Selections }) {
9 | const [NotificationList, setNotificaton] = useState([]);
10 | async function GetNotification() {
11 | const res = await AdminNotification();
12 | setNotificaton(res.data);
13 | }
14 | const Isread = async (id, path) => {
15 | try {
16 | const data = {
17 | is_read: true,
18 | };
19 | const res = await AdminNotificationRead(data, id);
20 | if (res.status === 200) {
21 | const res2 = await AdminNotification();
22 | setNotificaton(res2.data);
23 | Selections(path);
24 | }
25 | } catch (error) {
26 | console.log(error);
27 | }
28 | };
29 | // ---------------------------------react quary-------------------------------------//
30 | const queryClient = useQueryClient();
31 | const { isLoading, error, data } = useQuery({
32 | queryKey: ["usersjoblist"],
33 | queryFn: () => GetNotification(),
34 | });
35 |
36 | if (isLoading) {
37 | return
56 |
63 | 57 | Career Bridge 58 |
59 | 60 | Login 61 | 62 |
64 |
100 |
65 |
66 |
67 |
68 |
72 | 69 | Verify your email to continue 70 |
71 |
73 |
78 |
74 | Please check your email and select the link provided to verify
75 | your
address.
76 |
81 | localStorage.removeItem('email')}> Change email
82 |
83 |
84 |
99 |
85 |
91 |
97 |
98 | 42 | Something went Wrong 43 |
44 | ); 45 | } 46 | // ---------------------------------react quary-------------------------------------// 47 | 48 | return ( 49 | <> 50 |
51 |
65 |
67 | Notification
66 |
68 | {NotificationList.length > 0 ? (
69 | NotificationList.map((notify, index) => (
70 |
109 |
110 | );
111 | }
112 |
113 | export default AdminNotifications;
114 |
--------------------------------------------------------------------------------
/src/components/Admin/AdminMore/JobTitle/AddJotTitleModal/AddJotTitleModal.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import {
3 | Button,
4 | Dialog,
5 | DialogHeader,
6 | DialogBody,
7 | DialogFooter,
8 | } from "@material-tailwind/react";
9 | import Select from "react-select";
10 | import Loader from "../../../../Loading/Loading";
11 | import { useQuery } from "react-query";
12 | import {
13 | JobFieldListAndCreaterPagination,
14 | JobTitleCreate,
15 | } from "../../../../../services/adminApi";
16 | import { ToastContainer, toast } from "react-toastify";
17 | import "react-toastify/dist/ReactToastify.css";
18 | export function AddJotTitleModal({ open, handleOpen }) {
19 | const [Form, setForm] = useState({ title_name: "", field: null });
20 | const [JobCategory, setJobCategory] = useState([]);
21 |
22 | // For loading
23 | const [loading, setLoading] = useState(false);
24 | const handleLoading = () => setLoading((cur) => !cur);
25 | // Options
26 | const options = JobCategory.map((job) => {
27 | const value = job.field_name;
28 | const id = job.id;
29 | const label = job.field_name;
30 | return { value, id, label };
31 | });
32 |
33 | const getJobList = async () => {
34 | try {
35 | const Search = "";
36 | const res = await JobFieldListAndCreaterPagination(Search);
37 | setJobCategory(res.data.results);
38 | } catch (error) {
39 | console.log(error);
40 | }
41 | };
42 | const SubmitButton = async () => {
43 | if (Form.field === null) {
44 | toast.error("Job Title field connot be empty");
45 | } else if (Form.title_name.trim() === "") {
46 | toast.error("Job Title field connot be empty");
47 | } else {
48 | try {
49 | handleLoading();
50 | const res = await JobTitleCreate(Form);
51 | if (res.status === 201) {
52 | toast.success(`${title_name} created successfully`);
53 | handleOpen();
54 | }
55 | setForm({ title_name: "", field: null });
56 | handleLoading();
57 | } catch (error) {
58 | handleLoading();
59 | console.log(error);
60 | if (error && error.response.data) {
61 | toast.error(`${error.response.data[0]}`);
62 | } else {
63 | toast.error("something wrong");
64 | }
65 | handleOpen();
66 | setForm({ title_name: "", field: null });
67 | }
68 | }
69 | };
70 | //---------------------------- React quary---------------------------------------//
71 |
72 | const { data, isLoading, isError } = useQuery("getJobList", getJobList);
73 | if (isLoading) {
74 | return
76 |
102 | ))
103 | ) : (
104 |
77 |
91 |
93 | {notify.message}
92 |
94 |
100 |
101 |
105 |
107 | )}
108 | Notification is empty
106 |80 | There was an error fetching data 81 |
82 | ); 83 | } 84 | // 85 | return ( 86 | <> 87 | 122 | 123 | ); 124 | } 125 | -------------------------------------------------------------------------------- /src/pages/User/RegisterSteps/Languages.jsx: -------------------------------------------------------------------------------- 1 | import React, { useState, useEffect } from "react"; 2 | import { NavbarDefault } from "../../../components/Navbar/NavBar"; 3 | import { AddLanguageModal } from "../../../components/user/LanguageModal/AddLanguageModal"; 4 | import DeleteImg from "../../../assets/DeleteImg.png"; 5 | import { useNavigate } from "react-router-dom"; 6 | import { ToastContainer, toast } from "react-toastify"; 7 | 8 | // Redux 9 | import { useDispatch } from "react-redux"; 10 | import { DeleteLanguage } from "../../../Redux/UserSlice"; 11 | import { useSelector } from "react-redux/es/hooks/useSelector"; 12 | 13 | function Languages() { 14 | useEffect(() => { 15 | document.title = "Add your Languages | Career Bridge"; 16 | }, []); 17 | 18 | const dispatch = useDispatch(); 19 | const navigate = useNavigate(); 20 | 21 | // Redux Destructure 22 | const { Language } = useSelector((state) => state.user); 23 | 24 | // Modal 25 | const [open, setOpen] = useState(false); 26 | const handleOpen = () => setOpen(!open); 27 | 28 | const DltLanguage = (index) => { 29 | dispatch(DeleteLanguage(index)) 30 | }; 31 | 32 | const NextButton = () =>{ 33 | if(!Language[0]==''){ 34 | navigate('/user/skills') 35 | }else{ 36 | toast.warn('Add Your languages') 37 | } 38 | } 39 | return ( 40 | <> 41 |
44 |
87 | 5/7
45 |
46 |
57 |
47 | Looking good. Next, tell us which languages
48 |
49 | you speak.
50 |
52 | Upwork is global, so clients are often interested to know what
53 | languages you speak. English is a
54 | must, but do you speak any other languages?
55 |
58 |
67 | {Language.map((lang, index) => ( 68 |
86 |
59 |
66 |
60 |
62 | Language
61 |
63 |
65 | Proficiency
64 |67 | {Language.map((lang, index) => ( 68 |
69 |
78 | ))}
79 | {lang.language}
70 | {lang.proficiency}
71 | DltLanguage(index)}
73 | className="rounded-full border w-8 h-8 flex justify-center items-center border-purple-400"
74 | >
75 | 
76 |
77 |
80 |
85 |
81 |
84 | +
82 | Add languages
83 |
89 |
110 |
111 | );
112 | }
113 |
114 | export default Languages;
115 |
--------------------------------------------------------------------------------
/src/components/Profile/MyinfoComponent/EducationsComponents/EducationsComponents.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | // Redex
3 | import { useDispatch } from "react-redux";
4 | import { useSelector } from "react-redux/es/hooks/useSelector";
5 | // Images
6 | import EditIcon from "../../../../assets/Edit.png";
7 | import DeleteImg from "../../../../assets/DeleteImg.png";
8 |
9 | // Modal
10 | import { AddEducationsModal } from "./AddEducationsModal";
11 | import { EditEducationsModal } from "./EditEducationsModal";
12 |
13 | import { ToastContainer, toast } from "react-toastify";
14 | import "react-toastify/dist/ReactToastify.css";
15 | import { DeleteEducationModal } from "./DeleteEducationModal";
16 |
17 | function EducationsComponents() {
18 | const [id, setId] = useState({id:'',index:''})
19 | // Add modal
20 | const [open, setOpen] = useState(false);
21 | const handleOpen = () => setOpen(!open);
22 |
23 | // Edit modal
24 | const [EditModal, setEditModal] = useState(false);
25 | const handleEditModal = () => {
26 | if (EditModal) {
27 | setId({ id: '', index: '' });
28 | }
29 | setEditModal(!EditModal);
30 | };
31 |
32 | // Delete Modal
33 | const [DltModal, setDltModal] = useState(false);
34 | const handleDltModal = () => {
35 | if (DltModal) {
36 | setId({ id: '', index: '' });
37 | }
38 | setDltModal(!DltModal);
39 | };
40 | const { Education } = useSelector((state) => state.user);
41 |
42 | return (
43 | <>
44 |
90 |
109 |
91 |
108 |
92 |
98 |
99 |
100 |
106 |
107 |
46 |
94 |
47 |
49 | Education
48 |
50 |
93 |
51 |
68 | {Education.map((educations, index) => (
69 |
55 |
67 |
56 |
66 | 60 | + 61 |
62 |63 | Add Education 64 |
65 |
73 |
91 | ))}
92 |
74 |
83 | {handleEditModal(),setId({id:educations.id,index:index})}}>
76 |
77 |
78 | {handleDltModal(),setId({id:educations.id,index:index})}}>
80 |
81 |
82 |
84 |
90 | {educations.School}
85 |{educations.Degree}
86 |87 | {educations.DatesAttended} - {educations.Datesended} 88 |
89 |
15 |
99 |
100 | );
101 | }
102 |
103 | export default CompanyHomePage;
104 |
--------------------------------------------------------------------------------
/src/components/Profile/MyinfoComponent/ExperienceComponents/ExperienceComponents.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 |
3 | // Redex
4 | import { useSelector } from "react-redux/es/hooks/useSelector";
5 | // Images
6 | import EditIcon from "../../../../assets/Edit.png";
7 | import DeleteImg from "../../../../assets/DeleteImg.png";
8 | // Modal
9 | import { EditExperienceModal } from "./EditExperienceModal";
10 | import { DeleteExperienceModal } from "./DeleteExperienceModal";
11 | import AddExperienceModal from "./AddExperienceModal";
12 | function ExperienceComponents() {
13 | const [EditId, setEditId] = useState({ id: "", index: "" });
14 |
15 | // Add Modal
16 | const [Addopen, setAddOpen] = useState(false);
17 | const AddhandleOpen = () => setAddOpen(!Addopen);
18 | // Modal Edit
19 | const [Editopen, setEditOpen] = useState(false);
20 | const EdithandleOpen = () => {
21 | if (Editopen) {
22 | setEditId({ id: '', index: '' });
23 | }
24 | setEditOpen(!Editopen);
25 | };
26 | // Modal Delete
27 | const [Deleteopen, setDeleteOpen] = useState(false);
28 | const DeleterhandleOpen = () => setDeleteOpen(!Deleteopen);
29 |
30 | const { experiences } = useSelector((state) => state.user);
31 | return (
32 | <>
33 |
16 |
18 |
19 |
98 |
20 |
93 | setSelect("home")}
25 | >
26 |
40 |
42 | Home
41 | navigate("/company/dashboard/")}
49 | >
50 |
64 |
65 |
67 | Dashboard
66 |navigate('/company/allusers')}
74 | >
75 |
89 |
90 |
92 | All Users
91 |
94 |
95 |
97 |
34 |
97 |
35 |
37 | Experience
36 |
38 |
96 |
39 |
56 | {experiences.map((experience, index) => (
57 |
40 |
55 |
44 |
54 | 48 | + 49 |
50 |51 | Add Experience 52 |
53 |
61 |
94 | ))}
95 |
62 |
81 | {
65 | EdithandleOpen();
66 | setEditId({ ...EditId, id: experience.id, index: index });
67 | }}
68 | >
69 |
70 |
71 | {
74 | DeleterhandleOpen();
75 | setEditId({ ...EditId, id: experience.id, index: index });
76 | }}
77 | >
78 |
79 |
80 |
82 |
93 | 83 | {experience.subtitle} 84 |
85 |{experience.company}
86 |87 | {experience.startdate} - {experience.enddate} 88 |
89 |90 | {experience.state} , {experience.country} 91 |
92 |47 | Something went Wrong 48 |
49 | ); 50 | } 51 | // ---------------------------------react quary-------------------------------------// 52 | 53 | return ( 54 | <> 55 |
59 |
122 |
123 | );
124 | }
125 |
126 | export default Notifications;
127 |
--------------------------------------------------------------------------------
/src/pages/Company/CompanyNotifications.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import { useQuery, useQueryClient } from "react-query";
3 | import Loader from "../../components/Loading/Loading";
4 | import { NavbarDefault } from "../../components/Navbar/NavBar";
5 | import { NotificationRead} from "../../services/userApi";
6 | import { useSelector } from "react-redux";
7 | import { CompanyNotification } from "../../services/companyApi";
8 | import { useNavigate } from "react-router-dom";
9 | function CompanyNotifications() {
10 | const navigate = useNavigate()
11 | const {CompanyInfo} = useSelector((state) => state.company);
12 | const [NotificationList, setNotificaton] = useState([]);
13 | async function GetNotification() {
14 | const res = await CompanyNotification(CompanyInfo.id);
15 | console.log(res);
16 | setNotificaton(res.data);
17 | }
18 | const Isread = async (id, path) => {
19 | try {
20 | const data = {
21 | is_read: true,
22 | };
23 | const res = await NotificationRead(data, id);
24 | if (res.status === 200) {
25 | const res2 = await CompanyNotification(CompanyInfo.id);
26 | setNotificaton(res2.data);
27 | navigate(path)
28 | }
29 | } catch (error) {
30 | console.log(error);
31 | }
32 | };
33 | // ---------------------------------react quary-------------------------------------//
34 | const queryClient = useQueryClient();
35 | const { isLoading, error, data } = useQuery({
36 | queryKey: ["usersjoblist"],
37 | queryFn: () => GetNotification(),
38 | });
39 |
40 | if (isLoading) {
41 | return
60 |
62 |
63 |
77 |
79 | Notification
78 |
80 | {NotificationList.length > 0 ? (
81 | NotificationList.map((notify, index) => (
82 |
121 |
88 |
114 | ))
115 | ) : (
116 |
89 |
103 |
105 | {notify.message}
104 |
106 |
112 |
113 |
117 |
119 | )}
120 | Notification is empty
118 |46 | Something went Wrong 47 |
48 | ); 49 | } 50 | // ---------------------------------react quary-------------------------------------// 51 | 52 | return ( 53 | <> 54 |
58 |
121 |
122 | );
123 | }
124 |
125 | export default CompanyNotifications;
126 |
--------------------------------------------------------------------------------
/src/pages/User/RegisterSteps/Position.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from "react";
2 | import biginer from "../../../assets/biginer.png";
3 | import someexpert from "../../../assets/someexpert.png";
4 | import expert from "../../../assets/expert.png";
5 | import { ToastContainer, toast } from "react-toastify";
6 | import "react-toastify/dist/ReactToastify.css";
7 | import { NavbarDefault } from "../../../components/Navbar/NavBar";
8 | import { useNavigate } from "react-router-dom";
9 |
10 | // Redux
11 | import { useDispatch } from "react-redux";
12 | import { setPosition } from "../../../Redux/UserSlice";
13 |
14 | function Position() {
15 | const navigate = useNavigate();
16 | const dispatch = useDispatch();
17 | const [pos, setPos] = useState("");
18 | const [selectedDiv, setSelectedDiv] = useState(-1);
19 | useEffect(() => {
20 | document.title = "Add your Position | Career Bridge";
21 | }, []);
22 | const SelectionSubmit = () => {
23 | if (selectedDiv === -1) {
24 | toast.warn("choose an option");
25 | } else {
26 | if (selectedDiv === 0) {
27 | dispatch(setPosition({ position: pos }));
28 | } else if (selectedDiv === 1) {
29 | dispatch(setPosition({ position: pos }));
30 | } else {
31 | dispatch(setPosition({ position: pos }));
32 | }
33 | navigate("/user/role");
34 | }
35 | };
36 | return (
37 | <>
38 |
59 |
61 |
62 |
76 |
78 | Notification
77 |
79 | {NotificationList.length > 0 ? (
80 | NotificationList.map((notify, index) => (
81 |
120 |
87 |
113 | ))
114 | ) : (
115 |
88 |
102 |
104 | {notify.message}
103 |
105 |
111 |
112 |
116 |
118 | )}
119 | Notification is empty
117 |
40 |
126 |
127 | );
128 | }
129 |
130 | export default Position;
131 |
--------------------------------------------------------------------------------
/src/components/Admin/AdminNavBar&Sidebar/AdminSideBar.jsx:
--------------------------------------------------------------------------------
1 | import {
2 | Card,
3 | Typography,
4 | List,
5 | ListItem,
6 | ListItemPrefix,
7 | ListItemSuffix,
8 | Chip,
9 | } from "@material-tailwind/react";
10 | import {
11 | PresentationChartBarIcon,
12 | ShoppingBagIcon,
13 | UserCircleIcon,
14 | Cog6ToothIcon,
15 | InboxIcon,
16 | PowerIcon,
17 | } from "@heroicons/react/24/solid";
18 | import { useNavigate } from "react-router-dom";
19 | export function AdminSideBar({ Selections }) {
20 | const navigate = useNavigate();
21 |
22 | const handleSignOut = () => {
23 | localStorage.removeItem('token');
24 | navigate('/admin/login');
25 | };
26 | return (
27 | 1/7
42 |
43 |
44 | A few quick questions: first, have you
46 |
52 |
44 | A few quick questions: first, have you
freelanced before?
45 |
46 |
47 | This lets us know how much help to give you along the way. We won’t
48 | share your answer with anyone
else, including potential
49 | clients.
50 |
53 |
103 | {
58 | setSelectedDiv(0);
59 | setPos('fresher');
60 | }}
61 | >
62 |
69 |
63 | 
64 |
68 | 65 | I am new to this 66 |
67 | {
74 | setSelectedDiv(1);
75 | setPos('experience')
76 | }}
77 | >
78 |
85 |
86 |
79 | 
80 |
84 | 81 | Some experience 82 |
83 |{
91 | setSelectedDiv(2);
92 | setPos('expert')
93 | }}
94 | >
95 |
102 |
96 | 
97 |
101 | 98 | I am an expert 99 |
100 |
104 |
125 |
105 |
124 |
106 | {/*
123 |
107 |
113 |
*/}
114 |
115 |
121 |
122 |
29 |
30 | Sidebar
31 |
32 |
33 | -
34 |
80 |
138 |
139 | );
140 | }
141 | export default ForgotPassword;
142 |
--------------------------------------------------------------------------------
/src/pages/User/Dashboard/Dashboard.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from "react";
2 | import { NavbarDefault } from "../../../components/Navbar/NavBar";
3 | import AllapplyedList from "../../../components/user/Dashboard/AllapplyedList";
4 | import AcceptedList from "../../../components/user/Dashboard/AcceptedList";
5 | import PendingList from "../../../components/user/Dashboard/PendingList";
6 | import InvitesList from "../../../components/user/Dashboard/InvitesList/InvitesList";
7 |
8 | function Dashboard() {
9 | const [selected, setselected] = useState("Applyed");
10 | const [applyed, setapplyed] = useState("all");
11 | console.log(applyed);
12 | useEffect(() => {
13 | document.title = "Dashboard | Career Bridge";
14 | }, []);
15 | return (
16 | <>
17 |
81 |
86 | 82 | Career Bridge 83 |
84 | Login 85 |
87 |
137 |
88 |
136 |
89 | 
90 |
91 |
92 |
96 | 93 | Forgot your password 94 |
95 |
97 |
102 | 98 | Enter your email address and select{" "} 99 | Send Email. 100 |
101 |
103 | {
116 | setemail({ ...email, [e.target.name]: e.target.value });
117 | seterror({ ...error, email: false });
118 | }}
119 | />
120 |
121 |
122 |
128 |
134 |
135 |
18 |
112 |
113 | );
114 | }
115 |
116 | export default Dashboard;
117 |
--------------------------------------------------------------------------------
/src/pages/Admin/AdminHomePage.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import {
3 | PresentationChartBarIcon,
4 | Cog6ToothIcon,
5 | InboxIcon,
6 | PowerIcon,
7 | } from "@heroicons/react/24/solid";
8 | import { AdminNavBar } from "../../components/Admin/AdminNavBar&Sidebar/AdminNavBar";
9 | import { AdminSideBar } from "../../components/Admin/AdminNavBar&Sidebar/AdminSideBar";
10 | import Admin_UserManagement from "../../components/Admin/Admin_UserManagement/Admin_UserManagement";
11 | import Admin_CompanyManagement from "../../components/Admin/Admin_CompanyManagement/Admin_CompanyManagement";
12 | import AdminNotifications from "../../components/Admin/AdminNotifications/AdminNotifications";
13 | import AdminMore from "../../components/Admin/AdminMore/AdminMore";
14 | import AdminDashboard from "../../components/Admin/AdminDashboard/AdminDashboard";
15 | import { useNavigate } from "react-router-dom";
16 | function AdminHomePage() {
17 | const navigate = useNavigate();
18 |
19 | const handleSignOut = () => {
20 | localStorage.removeItem('token');
21 | navigate('/admin/login');
22 | };
23 | const [SelectedList, setSelectedList] = useState("Dashboard");
24 | const Selections = (data) => {
25 | setSelectedList(data);
26 | };
27 |
28 | return (
29 |
19 |
21 |
22 |
111 |
23 |
110 |
24 |
48 | {selected === "Applyed" ? (
49 | <>
50 |
25 |
47 | setselected("Applyed")}
32 | >
33 |
35 |
36 | Applyed list
34 | setselected("Pending")}
43 | >
44 | Invite List
45 |
46 |
51 |
103 |
104 | ) : (
105 |
52 |
102 |
53 |
92 | 54 | Applyed Job list 55 |
56 |57 | See information about all Applyed List 58 |
59 |
60 |
91 | setapplyed("all")}
67 | >
68 |
70 | All
69 | setapplyed("accepted")}
77 | >
78 |
80 | Accepted
79 | setapplyed("pending")}
87 | >
88 |
90 | Pending
89 |
93 | {applyed === "all" ? (
94 |
101 |
106 |
108 | )}
109 |
30 |
101 | );
102 | }
103 |
104 | export default AdminHomePage;
105 |
--------------------------------------------------------------------------------
/src/pages/User/RegisterSteps/Education.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from "react";
2 | import { NavbarDefault } from "../../../components/Navbar/NavBar";
3 | import { useNavigate } from "react-router-dom";
4 | import FileImage from "../../../assets/fileimage.png";
5 | import EditImage from "../../../assets/Edit.png";
6 | import DeleteImg from "../../../assets/DeleteImg.png";
7 | import { AddEducation } from "../../../components/user/EducatinModals/AddEducation";
8 | import { EditEducationModal } from "../../../components/user/EducatinModals/EditEducation";
9 | import { DltEducationModal } from "../../../components/user/EducatinModals/DltEducationModal";
10 | import countriesList from "countries-list";
11 | import { ToastContainer, toast } from "react-toastify";
12 |
13 | // Redux
14 | import { useSelector } from "react-redux/es/hooks/useSelector";
15 |
16 | function Education() {
17 | const navigate = useNavigate();
18 |
19 | useEffect(() => {
20 | document.title = "Add your Education | Career Bridge";
21 | }, []);
22 |
23 | const { Education } = useSelector((state) => state.user);
24 | const {positions} = useSelector((state) => state.user)
25 |
26 | // Add modal
27 | const [open, setOpen] = useState(false);
28 | const handleOpen = () => setOpen(!open);
29 |
30 | // Edit modal
31 | const [Editopen, setEditOpen] = useState(false);
32 | const [id,setId] = useState('')
33 |
34 | const EdithandleOpen = (index) =>{
35 | setId(index)
36 | setEditOpen(!Editopen)
37 | };
38 |
39 | // Delete modal
40 | const [Dltopen, setDltopen] = useState(false)
41 |
42 | const DlthandleOpen = (index) =>{
43 | setDltopen(!Dltopen)
44 | setId(index)
45 | }
46 |
47 | const NextButton = () =>{
48 | if (!Education[0]==''){
49 | navigate("/user/languages")
50 | }else{
51 | toast.warn('Add Your education')
52 | }
53 | }
54 |
55 | return (
56 | <>
57 |
31 |
33 |
34 |
100 |
35 |
84 |
36 |
80 |
37 | setSelectedList("Dashboard")}
40 | />
41 |
50 |
63 |
72 |
73 | setSelectedList("Inbox")}
76 | />
77 |
79 |
81 |
83 |
85 | {SelectedList === "Dashboard" ? (
86 |
99 |
60 |
115 | 4/7
61 |
62 |
71 |
63 | Clients like to know what you know - add
64 |
your education here.
65 |
67 | You don’t have to have a degree. Adding any relevant education helps 68 | make your profile more visible. 69 |
70 |
72 |
114 |
73 |
85 | {Education.map((education, index) => (
86 |
74 |
84 | 78 | + 79 |
80 |81 | Add education 82 |
83 |
90 |
112 | ))}
113 |
91 | 
92 |
93 |
94 |
111 |
95 |
102 | EdithandleOpen(index)} className="rounded-full border border-purple-400 me-2 p-2 mt-2">
96 | 
97 |
98 | DlthandleOpen(index)} className="flex justify-center items-center rounded-full border border-purple-400 w-8 h-8 mt-2 me-3">
99 |
100 |
101 |
103 |
110 | {education.School}
104 |{education.Degree}
105 |
106 |
109 | Descrption :
107 |{education.Description}
108 |
119 |
146 |
147 | );
148 | }
149 |
150 | export default Education;
151 |
--------------------------------------------------------------------------------
/src/components/user/EducatinModals/AddEducation.jsx:
--------------------------------------------------------------------------------
1 | import { useState } from "react";
2 | import {
3 | Dialog,
4 | DialogHeader,
5 | DialogBody,
6 | DialogFooter,
7 | Button,
8 | } from "@material-tailwind/react";
9 |
10 | // Redux
11 | import { useDispatch } from "react-redux";
12 | import { SetEducation } from "../../../Redux/UserSlice";
13 |
14 | const AddEducation = ({ isOpen, onClose }) => {
15 |
16 | const dispatch = useDispatch();
17 |
18 | const [Form, setForm] = useState({
19 | School: "",
20 | Degree: "",
21 | DatesAttended: "",
22 | Datesended: "",
23 | Description: "",
24 | });
25 |
26 | const [error, seterror] = useState({
27 | School: false,
28 | Degree: false,
29 | DatesAttended: false,
30 | Datesended: false,
31 | Description: false,
32 | });
33 |
34 | // Validation
35 | const Validation = () => {
36 | if (Form.School.trim() === "") {
37 | seterror({ ...error, School: true });
38 | return false;
39 | } else if (Form.Degree.trim() === "") {
40 | seterror({ ...error, Degree: true });
41 | return false;
42 | } else if (Form.DatesAttended.trim() === "") {
43 | seterror({ ...error, DatesAttended: true });
44 | return false;
45 | } else if (Form.Datesended.trim() === "") {
46 | seterror({ ...error, Datesended: true });
47 | return false;
48 | } else if (Form.Description.trim() === "") {
49 | seterror({ ...error, Description: true });
50 | return false;
51 | }
52 | return true;
53 | };
54 |
55 | const ConfirmButton = () => {
56 | if (Validation()) {
57 | dispatch(SetEducation(Form))
58 | onClose()
59 | }
60 | };
61 | return (
62 |
166 | );
167 | };
168 | export { AddEducation };
169 |
--------------------------------------------------------------------------------
120 |
145 |
121 |
144 |
122 |
134 |
135 |
136 |
142 |
143 |