Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable indent */
/* eslint-disable react/prop-types */
/* eslint-disable camelcase */
import React from 'react'
import ProfileCard from '../components/ProfileCard'
import ProfileWidget from '../components/ProfileWidget'
import ExperienceCard from '../components/cards/ExperienceCard'
import EducationCard from '../components/cards/EducationCard'
import EmptySection from '../../../../../shared/empty-section/EmptySection'
import ItemsList from '../components/cards/ItemsList'
import SuggestionWidget from '../../../../../shared/widgets/SuggestionWidget'
import '../styles/index.scss'

const View = (userInfo) => {
    const {
        userExperiences,
        userEducations,
        userLanguages,
        userSkills,
        userAptitudes,
        userHobbiesAndInterests
    } = userInfo
    return (
        <main className='w-100'>
            <div className='container profile__layout'>
                <div className="main d-flex flex-column" style={{ gap: '.5rem' }}>
                    <ProfileCard {...userInfo} />
                    <ProfileWidget title={LABELS.EXPERIENCE}>
                        {!userExperiences.length
                            ? <EmptySection align='left' message={LABELS.EMPTY} />
                            : userExperiences.map((experience, index) => {
                                return <ExperienceCard
                                    key={index}
                                    experience={experience}
                                    months={userInfo.months}
                                />
                            })}
                    </ProfileWidget>
                    <ProfileWidget title={LABELS.EDUCATION}>
                        {!userEducations.length
                            ? <EmptySection align='left' message={LABELS.EMPTY} />
                            : userEducations.map((education, index) => {
                                return <EducationCard
                                    key={index}
                                    education={education}
                                />
                            })}
                    </ProfileWidget>
                    <ProfileWidget title={LABELS.LANGUAGES}>
                        {!userLanguages.length
                            ? <EmptySection align='left' message={LABELS.EMPTY} />
                            : <ItemsList value={userLanguages} />
                        }
                    </ProfileWidget>
                    <ProfileWidget title={LABELS.SKILLS}>
                        {!userSkills.length
                            ? <EmptySection align='left' message={LABELS.EMPTY} />
                            : <ItemsList value={userSkills} />
                        }
                    </ProfileWidget>
                    <ProfileWidget title={LABELS.APTITUDES}>
                        {!userAptitudes.length
                            ? <EmptySection align='left' message={LABELS.EMPTY} />
                            : <ItemsList value={userAptitudes} />
                        }
                    </ProfileWidget>
                    <ProfileWidget title={LABELS.HOBBIES_AND_INTERESTS}>
                        {!userHobbiesAndInterests.length
                            ? <EmptySection align='left' message={LABELS.EMPTY} />
                            : <ItemsList value={userHobbiesAndInterests} />
                        }
                    </ProfileWidget>
                </div>
                <div className="aside">
                    <SuggestionWidget url={`/helpers/people-viewed-profile/${userInfo.profileId}`} title={LABELS.WHO_HAS_SEEN_THIS_PROFILE} />
                </div>

            </div>
        </main>
    )
}

export default View