vacancy
This commit is contained in:
@ -1,17 +1,19 @@
|
||||
import React from "react";
|
||||
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
import titleImg from "assets/images/VacancyItemImg.svg";
|
||||
|
||||
import "./vacancyItem.scss";
|
||||
|
||||
export const VacancyItem= ({ vacancy: { name, description, level, price, location, count } }) => {
|
||||
export const VacancyItem = ({
|
||||
vacancy: { name, description, level, price, location, count }
|
||||
}) => {
|
||||
return (
|
||||
<div className="vacancy__item">
|
||||
<div className="vacancy__item__head">
|
||||
<div className="vacancy__item__title">
|
||||
<span className="vacancy__item__img">
|
||||
<img src={titleImg} alt="img" />
|
||||
<img src={titleImg} alt="img" />
|
||||
</span>
|
||||
<h4>{name}</h4>
|
||||
</div>
|
||||
@ -27,7 +29,12 @@ export const VacancyItem= ({ vacancy: { name, description, level, price, locatio
|
||||
<span>Ставка:</span>
|
||||
<p>{price}</p>
|
||||
</div>
|
||||
<Link to={"/profile/open-requests/12"} className="vacancy__item__more">Все требования по вакансии</Link>
|
||||
<Link
|
||||
to={"/profile/open-requests/12"}
|
||||
className="vacancy__item__more"
|
||||
>
|
||||
Все требования по вакансии
|
||||
</Link>
|
||||
</div>
|
||||
<div className="vacancy__item__block--right">
|
||||
<div className="vacancy__item__info">
|
||||
@ -43,4 +50,4 @@ export const VacancyItem= ({ vacancy: { name, description, level, price, locatio
|
||||
<button className="vacancy__item__btn">Откликнуться</button>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
};
|
||||
|
@ -4,9 +4,14 @@ import "./vacancyTab.scss";
|
||||
|
||||
export const VacancyTab = ({ title, active, count, setActive }) => {
|
||||
return (
|
||||
<div className={active === title ? "vacancy__tab vacancy__tab--active" : "vacancy__tab"} onClick={setActive}>
|
||||
<div
|
||||
className={
|
||||
active === title ? "vacancy__tab vacancy__tab--active" : "vacancy__tab"
|
||||
}
|
||||
onClick={setActive}
|
||||
>
|
||||
<p className="vacancy__tab__title">{title}</p>
|
||||
<span className="vacancy__tabtab__count">{count}</span>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
};
|
||||
|
Reference in New Issue
Block a user