Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { IconButton, Typography } from '@mui/material';

import { Edit } from '@mui/icons-material';

import { useModal } from '@shared/hooks';

import { Card, CardContent, CardHeader } from '@shared/components';

import { AccessibilityForm } from './AccessibilityFom';

export function Accessibility({

  uuid,

  accessibility,

  privacy,

  accessibilities,

  updateGroup,

  edit

}) {

  const { showModal, closeModal } = useModal();

  const handleEdit = () => {

    showModal(

      'Accesibilidad',

      <AccessibilityForm

        uuid={uuid}

        privacy={privacy}

        accessibilities={accessibilities}

        onSubmit={(data) => {

          updateGroup((prev) => ({ ...prev, accessibility: data }));

          closeModal();

        }}

        accessibility={accessibility}

      />

    );

  };

  return (

    <Card>

      <CardHeader

        title='Accesibilidad'

        renderAction={() => {

          if (!edit) return;

          return (

            <IconButton onClick={handleEdit}>

              <Edit />

            </IconButton>

          );

        }}

      />

      <CardContent>

        <Typography>{accessibility}</Typography>

      </CardContent>

    </Card>

  );

}