This commit is contained in:
2024-07-21 16:38:06 +03:00
parent a561ed83c4
commit dc065f3bdd
5 changed files with 283 additions and 214 deletions

View File

@ -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>
);
};
};

View File

@ -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>
);
};
};