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

catalogSpecialists

Browse Source
This commit is contained in:
Mikola
2024-01-29 21:19:39 +03:00
parent 3765f96c56
commit 31faa56d9f
2 changed files with 57 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/CatalogPersonCard/CatalogPersonCard.jsx
View File

@ -2,7 +2,15 @@ import React from "react";
import "./catalogPersonCard.scss";
export const CatalogPersonCard = ({ img, name, salary, category, skills, level, description }) => {
export const CatalogPersonCard = ({
img,
name,
salary,
category,
skills,
level,
description
}) => {
return (
<div className="catalogPersonCard">
<div className="catalogPersonCard__head">
@ -13,19 +21,21 @@ export const CatalogPersonCard = ({ img, name, salary, category, skills, level,
<div className="catalogPersonCard__info">
<span className="catalogPersonCard__name">{name}</span>
<span className="catalogPersonCard__salary">{salary} / час</span>
<p className="catalogPersonCard__category"><span>Разработка:</span> {category}</p>
<p className="catalogPersonCard__category">
<span>Разработка:</span> {category}
</p>
</div>
</div>
<div className="catalogPersonCard__items">
{skills.map((item, index) => {
return <div className="catalogPersonCard__skillItem" key={index}>
{item}
</div>
return (
<div className="catalogPersonCard__skillItem" key={index}>
{item}
</div>
);
})}
</div>
<p className="catalogPersonCard__description">
{description}
</p>
<p className="catalogPersonCard__description">{description}</p>
</div>
);
};