Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import { useParams } from 'react-router-dom'

import { useSelector } from 'react-redux'

import { Box, Grid } from '@mui/material'

import { useFetch } from '@hooks'

import { formatObjectToArray } from '@utils'

import ProfileCard from '@components/profile/ProfileCard'

import LocationCard from '@components/profile/location/LocationCard'

import LanguagesCard from '@components/profile/languages/LanguagesCard'

import SkillsCard from '@components/profile/skills/SkillsCard'

import AptitudesCard from '@components/profile/aptitudes/AptitudesCard'

import HobbiesCard from '@components/profile/hobbies/HobbiesCard'

import SuggestWidget from '@components/widgets/default/SuggestWidget'

import EducationsCard from '@components/profile/educations/educations-card'

import ExperiencesCard from '@components/profile/experiences/experiences-card'

const ProfileViewPage = () => {

  const labels = useSelector(({ intl }) => intl.labels)

  const { uuid } = useParams()

  const { data: profile } = useFetch(`/profile/view/${uuid}`)

  return (

    <Grid container spacing={2}>

      <Grid item xs md={8} spacing={2} direction='column'>

        <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>

          <ProfileCard {...profile} />

          <ExperiencesCard

            experiences={profile?.user_experiences}

            uuid={uuid}

          />

          <EducationsCard educations={profile?.user_educations} uuid={uuid} />

          <LocationCard address={profile?.formatted_address} uuid={uuid} />

          <LanguagesCard

            languages={formatObjectToArray(profile?.user_languages)}

            uuid={uuid}

          />

          <SkillsCard

            skills={formatObjectToArray(profile?.user_skills)}

            uuid={uuid}

          />

          <AptitudesCard

            aptitudes={formatObjectToArray(profile?.user_aptitudes)}

            uuid={uuid}

          />

          <HobbiesCard

            hobbies={formatObjectToArray(profile?.user_hobbies_and_interests)}

            uuid={uuid}

          />

        </Box>

      </Grid>

      <Grid item xs md={4}>

        {profile?.user_profile_id && (

          <SuggestWidget

            url={`/helpers/people-viewed-profile/${profile?.user_profile_id}`}

            title={labels.who_has_seen_this_profile}

          />

        )}

      </Grid>

    </Grid>

  )

}

export default ProfileViewPage