Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3030 | Rev 3040 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2902 stevensc 1
import React from 'react'
2
import { useParams } from 'react-router-dom'
5 stevensc 3
import { useSelector } from 'react-redux'
3031 stevensc 4
import { Box, Grid } from '@mui/material'
5 stevensc 5
 
2902 stevensc 6
import { useFetch } from '@hooks'
7
import { formatObjectToArray } from '@utils'
5 stevensc 8
 
2902 stevensc 9
import ProfileCard from '@components/profile/ProfileCard'
10
import EducationsCard from '@components/profile/educations/EducationsCard'
11
import LocationCard from '@components/profile/location/LocationCard'
12
import LanguagesCard from '@components/profile/languages/LanguagesCard'
13
import SkillsCard from '@components/profile/skills/SkillsCard'
14
import AptitudesCard from '@components/profile/aptitudes/AptitudesCard'
15
import HobbiesCard from '@components/profile/hobbies/HobbiesCard'
16
import SuggestWidget from '@components/widgets/default/SuggestWidget'
3028 stevensc 17
import ExperiencesCard from '@components/profile/experiences/experiences-card'
2902 stevensc 18
 
5 stevensc 19
const ProfileViewPage = () => {
2902 stevensc 20
  const { uuid } = useParams()
21
  const { data: profile } = useFetch(`/profile/view/${uuid}`)
22
  const labels = useSelector(({ intl }) => intl.labels)
5 stevensc 23
 
2902 stevensc 24
  return (
25
    <Grid container spacing={2}>
3029 stevensc 26
      <Grid item xs md={8} spacing={2} direction='column'>
3031 stevensc 27
        <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
28
          <ProfileCard {...profile} />
2902 stevensc 29
 
3031 stevensc 30
          <ExperiencesCard
31
            experiences={profile?.user_experiences}
32
            uuid={uuid}
33
          />
2902 stevensc 34
 
3031 stevensc 35
          <EducationsCard educations={profile?.user_educations} uuid={uuid} />
2902 stevensc 36
 
3031 stevensc 37
          <LocationCard address={profile?.formatted_address} uuid={uuid} />
2902 stevensc 38
 
3031 stevensc 39
          <LanguagesCard
40
            languages={formatObjectToArray(profile?.user_languages)}
41
            uuid={uuid}
42
          />
2902 stevensc 43
 
3031 stevensc 44
          <SkillsCard
45
            skills={formatObjectToArray(profile?.user_skills)}
46
            uuid={uuid}
47
          />
2902 stevensc 48
 
3031 stevensc 49
          <AptitudesCard
50
            aptitudes={formatObjectToArray(profile?.user_aptitudes)}
51
            uuid={uuid}
52
          />
2902 stevensc 53
 
3031 stevensc 54
          <HobbiesCard
55
            hobbies={formatObjectToArray(profile?.user_hobbies_and_interests)}
56
            uuid={uuid}
57
          />
58
        </Box>
2902 stevensc 59
      </Grid>
60
 
3029 stevensc 61
      <Grid item xs md={4}>
2902 stevensc 62
        {profile?.user_profile_id && (
63
          <SuggestWidget
64
            url={`/helpers/people-viewed-profile/${profile?.user_profile_id}`}
65
            title={labels.who_has_seen_this_profile}
66
          />
67
        )}
68
      </Grid>
69
    </Grid>
70
  )
5 stevensc 71
}
72
 
73
export default ProfileViewPage