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

          cover={profile.cover}

          avatar={profile.image}

          name={profile.full_name}

          description={profile.overview}

          address={profile.formatted_address}

          coverUrl={profile.link_cover_upload}

          avatarUrl={profile.link_image_upload}

          coverSize={profile.image_size_cover}

          avatarSize={profile.image_size_profile}

          requestConnection={profile.request_connection}

          linkRequest={profile.link_request}

          linkCancel={profile.link_cancel}

          linkInmail={profile.link_inmail}

          following={profile.following}

          totalConnections={profile.follower}

          facebook={profile.facebook}

          twitter={profile.twitter}

          instagram={profile.instagram}

        />

        <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;