Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3063 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3063 Rev 3694
Línea 1... Línea 1...
1
import React, { useState } from 'react'
1
import React, { useState } from 'react';
2
import { useSelector } from 'react-redux'
2
import { useSelector } from 'react-redux';
3
import { IconButton, Typography } from '@mui/material'
3
import Edit from '@mui/icons-material/Edit';
4
import { Edit } from '@mui/icons-material'
4
import { Box, Button, IconButton, Typography } from '@mui/material';
5
 
5
 
6
import { parse } from '@utils'
6
import { parse } from '@utils';
7
 
7
 
8
import Widget from '@components/UI/Widget'
8
import Widget from '@components/UI/Widget';
9
import EmptySection from '@components/UI/EmptySection'
9
import EmptySection from '@components/UI/EmptySection';
10
import OverviewModal from './OverviewModal'
10
import OverviewModal from './OverviewModal';
Línea 11... Línea 11...
11
 
11
 
12
const Overview = ({ overview, id, onEdit, edit }) => {
12
const Overview = ({ overview, id, onEdit, edit }) => {
13
  const [isModalOpen, setIsModalOpen] = useState(false)
13
  const [isModalOpen, setIsModalOpen] = useState(false);
Línea 14... Línea 14...
14
  const labels = useSelector(({ intl }) => intl.labels)
14
  const labels = useSelector(({ intl }) => intl.labels);
Línea 15... Línea 15...
15
 
15
 
16
  const toggleModal = () => setIsModalOpen(!isModalOpen)
16
  const toggleModal = () => setIsModalOpen(!isModalOpen);
17
 
17
 
18
  return (
18
  return (
19
    <>
19
    <>
20
      <Widget>
20
      <Widget>
21
        <Widget.Header
21
        <Widget.Header
22
          title='Visión general'
22
          title='Visión general'
23
          renderAction={() => {
23
          renderAction={() => {
24
            if (!edit) return
24
            if (!edit) return;
25
            return (
25
            return (
26
              <IconButton onClick={toggleModal}>
26
              <IconButton onClick={toggleModal}>
27
                <Edit />
27
                <Edit />
28
              </IconButton>
28
              </IconButton>
Línea 29... Línea 29...
29
            )
29
            );
30
          }}
30
          }}
Línea 45... Línea 45...
45
        overview={overview}
45
        overview={overview}
46
        closeModal={toggleModal}
46
        closeModal={toggleModal}
47
        onComplete={onEdit}
47
        onComplete={onEdit}
48
      />
48
      />
49
    </>
49
    </>
50
  )
50
  );
51
}
51
};
Línea 52... Línea 52...
52
 
52