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

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