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

quiz + lk-candidate

Browse Source
This commit is contained in:
Дмитрий Кравцов
2023-04-19 20:22:06 +03:00
parent 802e48eb1f
commit f2d7730214
60 changed files with 2272 additions and 812 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/Profile/Profile.js
View File

@ -19,6 +19,8 @@ import settingIcon from "../../images/settingIcon.png"
import rightArrow from "../../images/arrowRight.png"
import './profile.scss'
import { CardControl } from '../../components/CardControl/CardControl';
import { Navigation } from '../../components/Navigation/Navigation';
export const Profile = () => {
@ -27,19 +29,19 @@ export const Profile = () => {
const [profileItemsInfo] = useState({
developer: [
{
path: '/calendar',
path: 'profile/calendar',
img: reportsIcon,
title: 'Ваша отчетность',
description: '<span></span>Отработанных в этом месяце часов'
},
{
path: '/summary',
path: 'profile/summary',
img: summaryIcon,
title: 'Данные и резюме',
description: 'Ваше резюме<br/><span>заполнено</span>'
},
{
path: '/tracker',
path: 'profile/tracker',
img: timerIcon,
title: 'Трекер времени',
description: 'Сколько времени занимает<br/> выполнение задач'
@ -51,7 +53,7 @@ export const Profile = () => {
description: 'У вас <span>подтвержден</span><br/> статус самозанятого'
},
{
path: '/settings',
path: 'profile/settings',
img: settingIcon,
title: 'Настройки аккаунта',
description: 'Перейдите чтобы начать<br/> редактирование'
@ -59,31 +61,31 @@ export const Profile = () => {
],
partner: [
{
path: '/requests',
path: 'profile/requests',
img: reportsIcon,
title: 'Запросы и открытые позиции',
description: '<span>У вас 2 вакансии<br/></span>открытые от лица компании'
},
{
path: '/categories',
path: 'profile/categories',
img: summaryIcon,
title: 'Данные персонала',
description: 'Наши специалисты <br/><span>уже работающие у вас</span>'
},
{
path: '/tracker',
path: 'profile/tracker',
img: timerIcon,
title: 'Трекер времени',
description: 'Контроль времени и<br/> выполнение задач'
},
{
path: '/treaties',
path: 'profile/treaties',
img: paymentIcon,
title: 'Договора и отчетность',
description: 'Ключевые условия<br/> договора'
},
{
path: '/settings',
path: 'profile/settings',
img: settingIcon,
title: 'Настройки аккаунта',
description: 'Перейдите чтобы начать<br/> редактирование'
@ -94,6 +96,7 @@ export const Profile = () => {
return (
<div className='profile'>
<ProfileHeader/>
<Navigation />
<div className='container'>
<ProfileBreadcrumbs links={[{name: 'Главная', link: '/profile'}]} />
<h2 className='profile__title'>
@ -118,18 +121,13 @@ export const Profile = () => {
<div className='profile__items'>
{
profileItemsInfo[user].map((item, index) => {
return <Link key={index} to={`/profile${item.path}`} className='item'>
<div className='item__about'>
<img src={item.img} alt='itemImg'/>
<h3>{item.title}</h3>
</div>
<div className='item__info'>
<p dangerouslySetInnerHTML={{__html: item.description}}></p>
<div className='item__infoLink'>
<img src={rightArrow} alt='arrow'/>
</div>
</div>
</Link>
return <CardControl
description={item.description}
img={item.img}
path={item.path}
title={item.title}
key={index}
/>
})
}
</div>

128
src/pages/Profile/profile.scss
View File

@ -49,79 +49,79 @@
justify-content: center;
}
.item {
max-width: 353px;
width: 100%;
padding: 35px 45px 15px 30px;
background: #FFFFFF;
border-radius: 12px;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
// .item {
// max-width: 353px;
// width: 100%;
// padding: 35px 45px 15px 30px;
// background: #FFFFFF;
// border-radius: 12px;
// text-decoration: none;
// cursor: pointer;
// transition: all 0.3s ease;
&:hover {
box-shadow: 6px 5px 20px rgb(87 98 80 / 21%);
transform: scale(1.02);
}
// &:hover {
// box-shadow: 6px 5px 20px rgb(87 98 80 / 21%);
// transform: scale(1.02);
// }
@media (max-width: 1175px) {
width: 48%;
max-width: none;
}
// @media (max-width: 1175px) {
// width: 48%;
// max-width: none;
// }
@media (max-width: 925px) {
width: 100%;
padding: 15px 25px;
}
// @media (max-width: 925px) {
// width: 100%;
// padding: 15px 25px;
// }
&__about {
display: flex;
column-gap: 20px;
align-items: center;
margin-bottom: 30px;
// &__about {
// display: flex;
// column-gap: 20px;
// align-items: center;
// margin-bottom: 30px;
@media (max-width: 925px) {
margin-bottom: 15px;
}
// @media (max-width: 925px) {
// margin-bottom: 15px;
// }
h3 {
color: #000000;
font-weight: 500;
font-size: 18px;
line-height: 22px;
max-width: 125px;
margin-bottom: 0;
}
}
// h3 {
// color: #000000;
// font-weight: 500;
// font-size: 18px;
// line-height: 22px;
// max-width: 125px;
// margin-bottom: 0;
// }
// }
&__info {
display: flex;
justify-content: space-between;
align-items: center;
// &__info {
// display: flex;
// justify-content: space-between;
// align-items: center;
p {
font-weight: 700;
font-size: 12px;
line-height: 20px;
color: #000000;
margin-bottom: 0;
// p {
// font-weight: 700;
// font-size: 12px;
// line-height: 20px;
// color: #000000;
// margin-bottom: 0;
span {
color: #52B709;
font-weight: 700;
}
}
&Link {
width: 48px;
height: 48px;
background: #DDEEC6;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
}
}
}
// span {
// color: #52B709;
// font-weight: 700;
// }
// }
// &Link {
// width: 48px;
// height: 48px;
// background: #DDEEC6;
// border-radius: 50px;
// display: flex;
// justify-content: center;
// align-items: center;
// }
// }
// }
}
.container {