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

fix Summary skills

Browse Source
This commit is contained in:
Никита Губарь 2024-07-26 15:22:53 +03:00
parent ca0a509077
commit 9909101660
1 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/Summary/Summary.jsx
View File

@ -58,6 +58,25 @@ export const Summary = () => {
}); });
}, []); }, []);
const addSkill = (skill) => {
const isSkillFound = selectedSkills.some(
(item) => item.skill_id == skill.id
);
if (!isSkillFound) {
setSelectedSkills((prevValue) => [
...prevValue,
{ skill: skill, skill_id: skill.id }
]);
}
};
const deleteSkill = (skill) => {
setSelectedSkills((prevValue) =>
prevValue.filter((item) => item.skill_id !== skill.skill_id)
);
};
function setSkills() { function setSkills() {
apiRequest("/resume/edit-skills", { apiRequest("/resume/edit-skills", {
method: "PUT", method: "PUT",
@ -157,13 +176,7 @@ export const Summary = () => {
<img <img
src={deleteIcon} src={deleteIcon}
alt="deleteIcon" alt="deleteIcon"
onClick={() => onClick={() => deleteSkill(skill)}
setSelectedSkills((prevValue) =>
prevValue.filter(
(item) => item.skill_id !== skill.skill_id
)
)
}
/> />
</span> </span>
); );
@ -184,12 +197,7 @@ export const Summary = () => {
{skillsList.map((skill) => { {skillsList.map((skill) => {
return ( return (
<p <p
onClick={() => onClick={() => addSkill(skill)}
setSelectedSkills((prevValue) => [
...prevValue,
{ skill: skill, skill_id: skill.id }
])
}
key={skill.id} key={skill.id}
className="select-skills__item" className="select-skills__item"
> >
@ -205,7 +213,7 @@ export const Summary = () => {
<div className="skills__section__items__wrapper"> <div className="skills__section__items__wrapper">
{selectedSkills && {selectedSkills &&
selectedSkills.map((skill, index) => ( selectedSkills.map((skill, index) => (
<span key={skill.id} className="skill_item"> <span key={skill.skill_id} className="skill_item">
{skill.skill.name} {skill.skill.name}
{selectedSkills.length > index + 1 && ","} {selectedSkills.length > index + 1 && ","}
</span> </span>