Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3719 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3719 Rev 3736
Línea 1... Línea 1...
1
import React, { useState } from 'react';
1
import React from 'react';
2
import { IconButton, Typography } from '@mui/material';
2
import { IconButton, Typography } from '@mui/material';
3
import { Edit } from '@mui/icons-material';
3
import { Edit } from '@mui/icons-material';
Línea 4... Línea 4...
4
 
4
 
5
import Widget from '@components/UI/Widget';
-
 
Línea 6... Línea 5...
6
import AccessibilityModal from './accessibility-modal';
5
import { useModal } from '@shared/hooks';
7
 
6
 
Línea 8... Línea 7...
8
const Accessibility = ({ accessibility, privacy, accessibilities, onEdit, groupId, edit }) => {
7
import { Card, CardContent, CardHeader } from '@shared/components';
9
  const [isModalOpen, setIsModalOpen] = useState(false);
-
 
10
 
-
 
11
  const toggleModal = () => setIsModalOpen(!isModalOpen);
8
import { AccessibilityForm } from './AccessibilityFom';
12
 
9
 
13
  return (
10
export function Accessibility({
14
    <>
11
  uuid,
15
      <Widget>
-
 
16
        <Widget.Header
-
 
17
          title='Accesibilidad'
12
  accessibility,
18
          renderAction={() => {
-
 
19
            if (!edit) return;
-
 
20
            return (
-
 
21
              <IconButton onClick={toggleModal}>
13
  privacy,
22
                <Edit />
14
  accessibilities,
23
              </IconButton>
15
  updateGroup,
24
            );
16
  edit
25
          }}
17
}) {
26
        />
-
 
27
 
18
  const { showModal, closeModal } = useModal();
28
        <Widget.Body>
19
 
29
          <Typography>{accessibility}</Typography>
-
 
30
        </Widget.Body>
20
  const handleEdit = () => {
31
      </Widget>
21
    showModal(
32
 
22
      'Accesibilidad',
33
      <AccessibilityModal
23
      <AccessibilityForm
34
        show={isModalOpen}
24
        uuid={uuid}
-
 
25
        privacy={privacy}
35
        privacy={privacy}
26
        accessibilities={accessibilities}
-
 
27
        onSubmit={(data) => {
36
        accessibilities={accessibilities}
28
          updateGroup((prev) => ({ ...prev, accessibility: data }));
37
        onConfirm={onEdit}
-
 
38
        onClose={toggleModal}
29
          closeModal();
39
        accessibility={accessibility}
30
        }}
40
        groupId={groupId}
31
        accessibility={accessibility}
41
      />
-
 
Línea -... Línea 32...
-
 
32
      />
-
 
33
    );
-
 
34
  };
42
    </>
35
 
-
 
36
  return (
-
 
37
    <Card>
-
 
38
      <CardHeader
-
 
39
        title='Accesibilidad'
-
 
40
        renderAction={() => {
-
 
41
          if (!edit) return;
-
 
42
          return (
-
 
43
            <IconButton onClick={handleEdit}>
-
 
44
              <Edit />
-
 
45
            </IconButton>
-
 
46
          );
-
 
47
        }}
-
 
48
      />
-
 
49
 
-
 
50
      <CardContent>
-
 
51
        <Typography>{accessibility}</Typography>