Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

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

import { Grid } from '@mui/material'

import { formatObjectToArray } from '@app/utils'

import { useFetch } from '@hooks'

import ProfileCard from '@app/components/profile/ProfileCard'

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

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

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

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

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

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

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

import '../../styles/profile/profile.scss'

const ProfileEditLayout = () => {

  const { uuid } = useParams()

  const { data: profile } = useFetch(`/profile/my-profiles/edit/${uuid}`)

  const {

    user_experiences = [],

    user_educations = [],

    formatted_address = '',

    user_languages = {},

    user_skills = {},

    user_aptitudes = {},

    user_hobbies_and_interests = {}

  } = profile

  return (

    <Grid container spacing={1}>

      <Grid

        item

        xs={12}

        sx={{

          display: 'flex',

          flexDirection: 'column',

          gap: 1

        }}

      >

        <ProfileCard

          {...profile}

          sizes={{

            image: profile.image_size_profile,

            cover: profile.image_size_cover

          }}

          uuid={profile.user_uuid}

          image={profile.image}

          cover={profile.cover}

          edit

        />

        <ExperiencesCard experiences={user_experiences} uuid={uuid} edit />

        <EducationsCard educations={user_educations} uuid={uuid} edit />

        <LocationCard address={formatted_address} uuid={uuid} edit />

        <LanguagesCard

          languages={formatObjectToArray(user_languages)}

          uuid={uuid}

          edit

        />

        <SkillsCard

          skills={formatObjectToArray(user_skills)}

          uuid={uuid}

          edit

        />

        <AptitudesCard

          aptitudes={formatObjectToArray(user_aptitudes)}

          uuid={uuid}

          edit

        />

        <HobbiesCard

          hobbies={formatObjectToArray(user_hobbies_and_interests)}

          uuid={uuid}

          edit

        />

      </Grid>

    </Grid>

  )

}

export default ProfileEditLayout