Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { useContext } from 'react';

import { EditGroupContext } from '@groups/contexts';

import { Spinner } from '@shared/components';
import {
  GroupCard,
  Overview,
  Type,
  Privacy,
  Industry,
  Accessibility,
  Website
} from '@groups/components';

const GroupEditPage = () => {
  const { group, loading, setGroup } = useContext(EditGroupContext);

  if (loading || !group) return <Spinner />;

  return (
    <>
      <GroupCard uuid={group.group_uuid} group={group} updateGroup={setGroup} edit />

      <Overview uuid={group.group_uuid} description={group.overview} updateGroup={setGroup} edit />

      <Type
        uuid={group.group_uuid}
        type={group.group_type}
        types={group.types}
        updateGroup={setGroup}
        edit
      />

      <Industry
        uuid={group.group_uuid}
        industry={group.industry}
        industries={group.industries}
        updateGroup={setGroup}
        edit
      />

      <Privacy
        uuid={group.group_uuid}
        privacy={group.privacy}
        privacies={group.privacies}
        updateGroup={setGroup}
        edit
      />

      <Accessibility
        uuid={group.group_uuid}
        accessibility={group.accessibility}
        accessibilities={group.accessibilities}
        privacy={group.privacy}
        updateGroup={setGroup}
        edit
      />

      <Website uuid={group.group_uuid} website={group.website} updateGroup={setGroup} edit />
    </>
  );
};

export default GroupEditPage;