apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed full components

Browse Source
This commit is contained in:
MaxOvs19
2023-05-24 19:23:24 +03:00
parent 70b3845755
commit f88b22cb84
40 changed files with 1362 additions and 1096 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
src/pages/FormPage/FormPage.js
View File

@ -1,29 +1,31 @@
import React, {useEffect} from 'react'
import {useDispatch, useSelector} from 'react-redux'
import {useParams, useNavigate, Navigate} from 'react-router-dom'
import SVG from 'react-inlinesvg'
import React, { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import { useParams, useNavigate, Navigate } from "react-router-dom";
import SVG from "react-inlinesvg";
import Form from '../../components/Form/Form'
import {Footer} from '../../components/Footer/Footer'
import {LogoutButton} from "../../components/LogoutButton/LogoutButton";
import Form from "../../components/Form/Form";
import { Footer } from "../../components/Footer/Footer";
import { LogoutButton } from "../../components/LogoutButton/LogoutButton";
import arrow from "../../images/left-arrow.png";
import rectangle from "../../images/rectangle_secondPage.png";
import telegramIcon from "../../images/telegram-icon.svg";
import arrow from '../../images/right-arrow.png'
import rectangle from '../../images/rectangle_secondPage.png'
import telegramIcon from '../../images/telegram-icon.svg'
import { LEVELS, SKILLS } from "../../constants/constants";
import {LEVELS, SKILLS} from '../../constants/constants'
import {
currentCandidate,
selectCurrentCandidate,
} from "../../redux/outstaffingSlice";
import {currentCandidate, selectCurrentCandidate} from '../../redux/outstaffingSlice'
import { apiRequest } from "../../api/request";
import { urlForLocal } from "../../helper";
import {apiRequest} from "../../api/request";
import {urlForLocal} from "../../helper";
import './formPage.scss'
import "./formPage.scss";
const FormPage = () => {
if(localStorage.getItem('role_status') !== '18') {
return <Navigate to="/profile" replace/>
if (localStorage.getItem("role_status") !== "18") {
return <Navigate to="/profile" replace />;
}
const params = useParams();
const navigate = useNavigate();
@ -31,73 +33,73 @@ const FormPage = () => {
const candidate = useSelector(selectCurrentCandidate);
const goBack = () => {
navigate(-1)
navigate(-1);
};
useEffect(()=> {
useEffect(() => {
if (!candidate.id) {
apiRequest('/profile', {
params: Number(params.id)
})
.then((el) => dispatch(currentCandidate(el)))
apiRequest("/profile", {
params: Number(params.id),
}).then((el) => dispatch(currentCandidate(el)));
}
}, []);
return (
<div className='container'>
<div className='form-page'>
<div className='form-page__back'>
<div className='form-page__arrow' onClick={goBack}>
<div className='form-page__arrow-img'>
<img src={arrow} alt=''/>
</div>
<div className='form-page__back-to-candidate'>
<span>Вернуться к кандидату</span>
</div>
<div className="container">
<div className="form-page">
<div className="form-page__back">
<div className="form-page__arrow" onClick={goBack}>
<div className="form-page__arrow-img">
<img src={arrow} alt="" />
</div>
<div className="form-page__back-to-candidate">
<span>Вернуться к кандидату</span>
</div>
<LogoutButton />
</div>
<div className='form-page__candidate'>
<div className='form-page__avatar'>
{candidate.photo && <img src={urlForLocal(candidate.photo)} alt='candidate avatar'/>}
</div>
<div className='form-page__candidate-info'>
<div className='form-page__position'>
<LogoutButton />
</div>
<div className="form-page__candidate">
<div className="form-page__avatar">
{candidate.photo && (
<img src={urlForLocal(candidate.photo)} alt="candidate avatar" />
)}
</div>
<div className="form-page__candidate-info">
<div className="form-page__position">
<span>
{candidate.specification} {SKILLS[candidate.position_id]},{' '}
{candidate.specification} {SKILLS[candidate.position_id]},{" "}
{LEVELS[candidate.level]}
</span>
</div>
<div className='form-page__selected'>
<img src={rectangle} alt='rectangle'/>
<span>Выбранный кандидат</span>
</div>
</div>
<div className="form-page__selected">
<img src={rectangle} alt="rectangle" />
<span>Выбранный кандидат</span>
</div>
</div>
<div className='form-page__interview'>
<div className='form-page__form'>
<Form/>
</div>
<div className='form-page__separator'>
<div className='form-page__line'></div>
<div className='form-page__option'>или</div>
</div>
<div className='form-page__telegram'>
<div className='form-page__telegram-text'>
Заявка на собеседование через телеграм
</div>
<div className='form-page__telegram-icon'>
<a href='https://t.me/st0kir' target='_blank' rel="noreferrer">
<SVG src={telegramIcon}/>
</a>
</div>
</div>
</div>
<Footer/>
</div>
<div className="form-page__interview">
<div className="form-page__form">
<Form />
</div>
<div className="form-page__separator">
<div className="form-page__line"></div>
<div className="form-page__option">или</div>
</div>
<div className="form-page__telegram">
<div className="form-page__telegram-text">
Заявка на собеседование через телеграм
</div>
<div className="form-page__telegram-icon">
<a href="https://t.me/st0kir" target="_blank" rel="noreferrer">
<SVG src={telegramIcon} />
</a>
</div>
</div>
</div>
<Footer />
</div>
</div>
)
);
};
export default FormPage
export default FormPage;