partner request design

This commit is contained in:
Mikola 2024-05-03 19:23:46 +03:00
parent a763c5a69a
commit 16a5a1f548

View File

@ -34,7 +34,7 @@ export const PartnerAddRequest = () => {
const [specializationList, setSpecializationList] = useState([]); const [specializationList, setSpecializationList] = useState([]);
const [levelList, setLevelList] = useState([]); const [levelList, setLevelList] = useState([]);
const [countList] = useState([1, 2, 3, 4, 5]); const [countList] = useState([1, 2, 3, 4, 5]);
const [locationList] = useState(['РФ', 'Беларусь']); const [locationList] = useState(["РФ", "Беларусь"]);
const [openSkillsSelect, setOpenSkillsSelect] = useState(false); const [openSkillsSelect, setOpenSkillsSelect] = useState(false);
const [openSpecializationList, setOpenSpecializationListOpen] = const [openSpecializationList, setOpenSpecializationListOpen] =
useState(false); useState(false);
@ -362,23 +362,27 @@ export const PartnerAddRequest = () => {
src={arrowDown} src={arrowDown}
/> />
</div> </div>
{openLevelList && Boolean(Object.values(levelList).length) && ( {openLevelList &&
<div className="form__block__dropDown"> Boolean(Object.values(levelList).length) && (
{Object.values(levelList).map((level, index) => { <div className="form__block__dropDown">
return ( {Object.values(levelList).map((level, index) => {
<p return (
key={level} <p
onClick={() => { key={level}
setOpenLevelList(false); onClick={() => {
setSelectedLevel({ name: level, id: index + 1 }); setOpenLevelList(false);
}} setSelectedLevel({
> name: level,
{level} id: index + 1
</p> });
); }}
})} >
</div> {level}
)} </p>
);
})}
</div>
)}
</div> </div>
<div className="form__block__section"> <div className="form__block__section">
<h3>Введите необходимое описание</h3> <h3>Введите необходимое описание</h3>
@ -431,8 +435,8 @@ export const PartnerAddRequest = () => {
<h4>Процесс:</h4> <h4>Процесс:</h4>
</div> </div>
<p> <p>
При аутстаффе мы предоставляем вам IT-специалистов при этом они При аутстаффе мы предоставляем вам IT-специалистов при этом
находятся в нашем штате. они находятся в нашем штате.
<br /> <br />
<br /> <br />
Вы сможете прособеседовать наших специалистов, посмотреть Вы сможете прособеседовать наших специалистов, посмотреть
@ -464,8 +468,8 @@ export const PartnerAddRequest = () => {
</h4> </h4>
</div> </div>
<p> <p>
В Личном кабинете платформы получайте отчеты выполненных работ и В Личном кабинете платформы получайте отчеты выполненных работ
счеты на согласование и оплату и счеты на согласование и оплату
</p> </p>
</div> </div>
</div> </div>
@ -505,10 +509,7 @@ export const PartnerAddRequest = () => {
<div className="form__block__section"> <div className="form__block__section">
<h3>Ставка</h3> <h3>Ставка</h3>
<div className="form__block__section__input special__select"> <div className="form__block__section__input special__select">
<input <input type="text" placeholder="Оплата" />
type="text"
placeholder="Оплата"
/>
</div> </div>
</div> </div>
<div className="form__block__buttons"> <div className="form__block__buttons">