Skip to content

Commit

Permalink
little changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@Cori1109
Cori1109 committed Sep 2, 2021
1 parent cd8b5c5 commit 6d8bd8d
Show file tree
Hide file tree
Showing 3 changed files with 136 additions and 134 deletions.
2 changes: 2 additions & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,3 +21,5 @@
npm-debug.log*
yarn-debug.log*
yarn-error.log*

.vercel
4 changes: 2 additions & 2 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"build": "CI='' react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
Expand All @@ -49,4 +49,4 @@
"last 1 safari version"
]
}
}
}
264 changes: 132 additions & 132 deletions src/Components/Home/Landing.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,151 +12,151 @@ import { Header1 } from "./Header1";
import { Head1 } from "./Head1";

function Landing() {
const buttref = useRef();
const options = useRef();
const [search, setSearch] = useState([]);
const [sign, setSign] = useState(true);
const debounce = (func) => {
let timer;
return function (...args) {
const context = this;
if (timer) clearTimeout(timer);
timer = setTimeout(() => {
timer = null;
func.apply(context, args);
}, 500);
const buttref = useRef();
const options = useRef();
const [search, setSearch] = useState([]);
const [sign, setSign] = useState(true);
const debounce = (func) => {
let timer;
return function (...args) {
const context = this;
if (timer) clearTimeout(timer);
timer = setTimeout(() => {
timer = null;
func.apply(context, args);
}, 500);
};
};
};

useEffect(() => {
let y = JSON.parse(localStorage.getItem('y'))
let x = JSON.parse(localStorage.getItem('x'))
if (y === true && x < 2) {
useEffect(() => {
let y = JSON.parse(localStorage.getItem('y'))
let x = JSON.parse(localStorage.getItem('x'))
if (y === true && x < 2) {

setSign(false)
x++
localStorage.setItem('x', JSON.stringify(x))
setSign(false)
x++
localStorage.setItem('x', JSON.stringify(x))

}
}, [])
const manage = (e) => {
let searchQuery = e.target.innerText
localStorage.setItem("searchQuery", searchQuery)
}
}, [])
const manage = (e) => {
let searchQuery = e.target.innerText
localStorage.setItem("searchQuery", searchQuery)

options.current.value = e.target.innerText
buttref.current.style.height = "40px"
buttref.current.style.overflowY = "none"
}
const handleChange = (event) => {
options.current.value = e.target.innerText
buttref.current.style.height = "40px"
buttref.current.style.overflowY = "none"
}
const handleChange = (event) => {

let comp = JSON.parse(localStorage.getItem('jobs'))
setSearch(comp)
}
const optimisedVersion = useCallback(debounce(handleChange), []);
let comp = JSON.parse(localStorage.getItem('jobs'))
setSearch(comp)
}
const optimisedVersion = useCallback(debounce(handleChange), []);

return (
<div className="sd">
<div className={styles.head}> {sign ? <Header setSign={setSign} /> : <Header1 setSign={setSign} />}</div>
return (
<div className="sd">
<div className={styles.head}> {sign ? <Header setSign={setSign} /> : <Header1 setSign={setSign} />}</div>

<div className={styles.head2}>
<Head1 />
</div>
<div className={styles.head2}>
<Head1 />
</div>

<div
style={{
paddingTop: "50px",
paddingLeft: "16px",
paddingRight: "16px",
}}
>
<div style={{ display: "flex" }}>
<div className={styles.area}>
<form className={styles.forms} action="">
<div ref={buttref} className={styles.deb}>
<div className={styles.search}>
<div className={styles.lab}>What</div>
<div className={styles.inp}>
<input
type="text"
ref={options}
placeholder="Job title, keywords, or company"
className={styles.inpu}
onChange={optimisedVersion}
/>
</div>
<div style={{ paddingRight: "0rem" }}>
<BsSearch style={{ width: 12 }} />{" "}
</div>
<div
style={{
paddingTop: "50px",
paddingLeft: "16px",
paddingRight: "16px",
}}
>
<div style={{ display: "flex" }}>
<div className={styles.area}>
<form className={styles.forms} action="">
<div ref={buttref} className={styles.deb}>
<div className={styles.search}>
<div className={styles.lab}>What</div>
<div className={styles.inp}>
<input
type="text"
ref={options}
placeholder="Job title, keywords, or company"
className={styles.inpu}
onChange={optimisedVersion}
/>
</div>
<div style={{ paddingRight: "0rem" }}>
<BsSearch style={{ width: 12 }} />{" "}
</div>
</div>
{search?.length > 0 && (
<div className={styles.autocomplete}>
{search?.map((el, i) => (
<div key={i} className={styles.autocompleteItems}>
<span onClick={manage}>{el.job}</span>
</div>
))}
</div>
)}
</div>
<div className={styles.deb2}>
<div className={styles.search}>
<div className={styles.lab}>Where</div>
<div className={styles.inp}>
<input
type="text"
placeholder="City,state,or pin code"
className={styles.inpu}
/>
</div>
<div style={{ paddingRight: "0rem" }}>
<MdLocationOn />{" "}
</div>
</div>
</div>
</form>
<button className={styles.btn} ><Link className="link" exact to="/results">Find jobs</Link></button>
</div>
</div>
{search?.length > 0 && (
<div className={styles.autocomplete}>
{search?.map((el, i) => (
<div key={i} className={styles.autocompleteItems}>
<span onClick={manage}>{el.job}</span>
</div>
))}
</div>
)}
</div>
<div className={styles.deb2}>
<div className={styles.search}>
<div className={styles.lab}>Where</div>
<div className={styles.inp}>
<input
type="text"
placeholder="City,state,or pin code"
className={styles.inpu}
/>
</div>
<div style={{ paddingRight: "0rem" }}>
<MdLocationOn />{" "}
</div>
</div>
</div>
</form>
<button className={styles.btn} ><Link className="link" exact to="/results">Find jobs</Link></button>
</div>
</div>

<div className={styles.contain}>
<div className={styles.post}>
<span className={styles.highlight}>Post your resume -</span>
<span className={styles.para}> It only takes a few seconds</span>
</div>
</div>
<div className={styles.contain}>
<div className={styles.post}>
<span className={styles.highlight}>Post your resume -</span>
<span className={styles.para}> It only takes a few seconds</span>
</div>
</div>

<div className={styles.contain1}>
<div className={styles.post1}>
<span className={styles.highlight}>Employers: Post a job -</span>
<span className={styles.para}>Your next hire is here</span>
</div>
</div>
<div className={styles.empty1}></div>
<div className={styles.searchTitle}>
<h2>Popular searches</h2>
<div className={styles.options}>
<Optioncard title="Government" />
<Optioncard title="Online Typing" />
<Optioncard title="Work From Home" />
<Optioncard title="Bank" />
<Optioncard title="Delivery Executive" />
<Optioncard title="Healthcare" />
<Optioncard title="Online Tutoring" />
<Optioncard title="Police" />
<Optioncard title="Nursing" />
<Optioncard title="NGO" />
</div>
<div className={styles.empty2}></div>
<div className={styles.contain1}>
<div className={styles.post1}>
<span className={styles.highlight}>Employers: Post a job -</span>
<span className={styles.para}>Your next hire is here</span>
</div>
</div>
<div className={styles.empty1}></div>
<div className={styles.searchTitle}>
<h2>Popular searches</h2>
<div className={styles.options}>
<Optioncard title="Government" />
<Optioncard title="Online Typing" />
<Optioncard title="Work From Home" />
<Optioncard title="Bank" />
<Optioncard title="Delivery Executive" />
<Optioncard title="Healthcare" />
<Optioncard title="Online Tutoring" />
<Optioncard title="Police" />
<Optioncard title="Nursing" />
<Optioncard title="NGO" />
</div>
<div className={styles.empty2}></div>
</div>
</div>
<div className={styles.footDiv}>
<Footer></Footer>
</div>
<div className={styles.resume}>
<ResumeUpload></ResumeUpload>
</div>
</div>
</div>
<div className={styles.footDiv}>
<Footer></Footer>
</div>
<div className={styles.resume}>
<ResumeUpload></ResumeUpload>
</div>
</div>
);
);
}

export { Landing };

0 comments on commit 6d8bd8d

Please sign in to comment.