- {
- saveJob(ele.id)
- setCrossit(false)
- }} >
- < nav className={status?"dis":"rem"}>
- 
+
+
+
}
diff --git a/src/Components/Search_Results/JobDetails.css b/src/Components/Search_Results/JobDetails.css
index a96f2b0..ae2d61b 100644
--- a/src/Components/Search_Results/JobDetails.css
+++ b/src/Components/Search_Results/JobDetails.css
@@ -1,4 +1,4 @@
-.jobHeadings{
+.jobHeadings {
width: 94.5%;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
@@ -6,26 +6,31 @@
padding-bottom: 25px;
box-shadow: 0 5px 5px gainsboro;
}
-.title{
+
+.title {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
-.jobHeadings>h4{
- margin: -15px 0;
- display: flex;
- align-items: center;
+
+.jobHeadings>h4 {
+ margin: -15px 0;
+ display: flex;
+ align-items: center;
}
-.jobHeadings h3{
+
+.jobHeadings h3 {
margin-bottom: 0 !important;
}
-.apply{
+
+.apply {
margin-top: 25px;
- display: flex;
- align-items: center;
+ display: flex;
+ align-items: center;
}
-.app{
+
+.app {
width: 150px;
height: 41px;
border-radius: 10px;
@@ -40,29 +45,33 @@
color: #fff;
padding-bottom: 2px;
}
-.app:hover{
- background-color: rgb(0,58,155);
-
+
+.app:hover {
+ background-color: rgb(0, 58, 155);
}
-.detailed{
+
+.detailed {
height: 400px;
overflow-y: scroll;
padding: 0 15px;
font-size: 14px;
}
-.apply img{
+
+.apply img {
margin-left: 16px;
margin-top: 0;
cursor: pointer;
height: 47px;
}
-#expandd{
+
+#expandd {
position: absolute;
top: 35px;
right: 0;
width: 150px;
background-color: white !important;
- }
- .hideit{
- display: none;
- }
\ No newline at end of file
+}
+
+.hideit {
+ display: none;
+}
\ No newline at end of file
diff --git a/src/Components/Search_Results/SearchResults.jsx b/src/Components/Search_Results/SearchResults.jsx
index 4615a81..2968884 100644
--- a/src/Components/Search_Results/SearchResults.jsx
+++ b/src/Components/Search_Results/SearchResults.jsx
@@ -7,105 +7,105 @@ import { Filters } from './Filters';
import { JobDetails } from "./JobDetails";
import ReactPaginate from 'react-paginate';
import { useState } from 'react';
-import {Footer} from '../Home/Footer.jsx'
-import {ResumeUpload} from '../Home/ResumeUpload.jsx'
+import { Footer } from '../Home/Footer.jsx'
+import { ResumeUpload } from '../Home/ResumeUpload.jsx'
import { Header1 } from '../Home/Header1';
export const SearchResults = () => {
- let jobs = JSON.parse(localStorage.getItem('jobs'))
- const [users,setUsers] = useState(jobs.slice(0,50))
- const [pageNumber, setpageNumber] = useState(0)
- const [details,setDetails] = useState("")
- const [fa,setFa] = useState(true)
- const [crossit,setCrossit] = useState(true)
- const [sort,setSort] = useState(true)
- React.useEffect(() => {
- window.scrollTo({
- top: 0,
- behavior: "smooth"
- });
- }, [pageNumber]);
- const usersPerPage = 5
- const pagesVisited = pageNumber * usersPerPage;
- const displayjobs = users.slice(pagesVisited,pagesVisited+usersPerPage)
- const pageCount = Math.ceil(users.length / 10)
+ let jobs = JSON.parse(localStorage.getItem('jobs'))
+ const [users, setUsers] = useState(jobs.slice(0, 50))
+ const [pageNumber, setpageNumber] = useState(0)
+ const [details, setDetails] = useState("")
+ const [fa, setFa] = useState(true)
+ const [crossit, setCrossit] = useState(true)
+ const [sort, setSort] = useState(true)
+ React.useEffect(() => {
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth"
+ });
+ }, [pageNumber]);
+ const usersPerPage = 5
+ const pagesVisited = pageNumber * usersPerPage;
+ const displayjobs = users.slice(pagesVisited, pagesVisited + usersPerPage)
+ const pageCount = Math.ceil(users.length / 10)
- const changePage = ({selected}) =>{
- setpageNumber(selected)
- };
-console.log(details);
- return (
- <>
-
-
-
- {/* Filter Dropdowns */}
-
-
- );
+ );
};
diff --git a/src/Components/Search_Results/JobCards.jsx b/src/Components/Search_Results/JobCards.jsx
index 18751dd..eafd27c 100644
--- a/src/Components/Search_Results/JobCards.jsx
+++ b/src/Components/Search_Results/JobCards.jsx
@@ -2,58 +2,58 @@ import React from 'react'
import Paper from "@material-ui/core/Paper";
import StarRateIcon from '@material-ui/icons/StarRate';
import './JobCards.css'
-export const JobCards = ({ele,setDetails,crossit,setCrossit}) => {
+export const JobCards = ({ ele, setDetails, crossit, setCrossit }) => {
console.log(ele);
let jobs = JSON.parse(localStorage.getItem('jobs'))
const [state, setState] = React.useState(false);
const [status, setStatus] = React.useState(true);
const handleClick = (e) => {
setState((prev) => !prev);
-
+
console.log(state);
- };
- const saveJob = (e) =>{
+ };
+ const saveJob = (e) => {
console.log(e);
- for(let i=0;i
-
-
-
-
-
-
-
- - What's your desired salary per month? -
-
- {/*
-
₹{(salary>650?salary:"")}
*/}
- ₹{salary > 650 ? salary : ""}
+ return (
+
+
-
-
+
- {
- // console.log(e.target.value);
- if (e.target.value > 650) {
- setSalary(e.target.value);
- }
- increase(e);
- }}
- >
-
+
+
+ {/* Filter Dropdowns */}
+
+
+
+
+
+
+
+
+
+
+
+ + What's your desired salary per month? +
+
+ {/*
+ {
+ // console.log(e.target.value);
+ if (e.target.value > 650) {
+ setSalary(e.target.value);
+ }
+ increase(e);
+ }}
+ >
+ ₹{(salary>650?salary:"")}
*/}
+ ₹{salary > 650 ? salary : ""}
+ 78K+
+ 78K+
-
+ return
+ {
+ saveJob(ele.id)
+ setCrossit(false)
+ }} >
+ < nav className={status ? "dis" : "rem"}>
+
- }
-
-
-
-
+ new
-
-
+
+
- setStatus(!status)}>Not Interested
-Save job
-setStatus(!status)}>Not Interested
+Save job
+{ele.job}
-{ele.companyName}
{ele.rating}.0
{{ele.city}, {ele.state}
-
- -
-
- {ele.skills1} -
- {ele.skills2} -
{ele.date} days ago
- - {status?null:setStatus(!status)}>
-
}
- Job removed
-Undo
-{ele.job}
+{ele.companyName}
{ele.rating}.0
{{ele.city}, {ele.state}
+
+ -
+
- {ele.skills1} +
- {ele.skills2} +
{ele.date} days ago
+ + {status ? null : setStatus(!status)}>
+
}
+ Job removed
+Undo
+
-
+
+
-
+
-
+
+
-
- - Upload your resume -
-- Let employers find you
-
-
-
- Online Typing jobs
-
-
+
- Sort by : {
- let x = users.sort((a,b)=>{
- return (b.rating - a.rating)
- })
- console.log(x);
- setSort(!sort)
+ const changePage = ({ selected }) => {
+ setpageNumber(selected)
+ };
+ console.log(details);
+ return (
+ <>
+
+
+
+
+
+
+
-
+
+ + Upload your resume +
+- Let employers find you
+
+
- Online Typing jobs
+
+
-
+ Sort by : {
+ let x = users.sort((a, b) => {
+ return (b.rating - a.rating)
+ })
+ console.log(x);
+ setSort(!sort)
- setFa(!fa)
- setUsers(x)
- }}
- >Relavance - {
- console.log(users);
- let x = users.sort((a,b)=>{
- return (a.date - b.date)
- })
- console.log(x);
- setFa(!fa)
- setSort(!sort)
- setUsers(x)
- }}>Date
-
-
- Page {pageNumber+1} of {users.length} jobs
-
-
- {
- displayjobs.map((el)=>{
-
- return
- })
- }
-
+ setFa(!fa)
+ setUsers(x)
+ }}
+ >Relavance - {
+ console.log(users);
+ let x = users.sort((a, b) => {
+ return (a.date - b.date)
+ })
+ console.log(x);
+ setFa(!fa)
+ setSort(!sort)
+ setUsers(x)
+ }}>Date
+
+ Page {pageNumber + 1} of {users.length} jobs
+
+
+ {
+ displayjobs.map((el) => {
-
-
- "}
- pageCount={pageCount}
- onPageChange={changePage}
- containerClassName={"paginateBttns"}
- previousLinkClassName={"previousBn"}
- nextLinkClassName={"nextBn"}
- disabledClassName={"paginateDisabled"}
- activeClassName={"paginateActive"}
- />
-
-
- {details==""?null:}
-
-
+ "}
+ pageCount={pageCount}
+ onPageChange={changePage}
+ containerClassName={"paginateBttns"}
+ previousLinkClassName={"previousBn"}
+ nextLinkClassName={"nextBn"}
+ disabledClassName={"paginateDisabled"}
+ activeClassName={"paginateActive"}
+ />
+
+
+ {details == "" ? null :
+