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