Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 703 Rev 704
Línea 1... Línea 1...
1
import React, { useEffect, useState } from 'react'
1
import React, { useEffect, useState } from 'react'
2
import { useSelector } from 'react-redux'
2
import { useSelector } from 'react-redux'
3
import parse from 'html-react-parser'
-
 
4
import IconButton from '@mui/material/IconButton'
3
import IconButton from '@mui/material/IconButton'
5
import EditIcon from '@mui/icons-material/Edit'
4
import EditIcon from '@mui/icons-material/Edit'
Línea 6... Línea 5...
6
 
5
 
7
import OverviewModal from './OverviewModal'
6
import OverviewModal from './OverviewModal'
8
import EmptySection from '../UI/EmptySection'
7
import EmptySection from '../UI/EmptySection'
Línea 9... Línea 8...
9
import Paraphrase from '../UI/Paraphrase'
8
import Paraphrase from '../UI/Paraphrase'
10
 
9
 
11
const Overview = ({ overview: defaultValue, id, isEdit }) => {
10
const Overview = ({ overview: defaultValue, id, isEdit }) => {
12
  const [overview, setOverview] = useState(defaultValue)
11
  const [overview, setOverview] = useState('')
Línea 13... Línea 12...
13
  const [isModalOpen, setIsModalOpen] = useState(false)
12
  const [isModalOpen, setIsModalOpen] = useState(false)
14
  const labels = useSelector(({ intl }) => intl.labels)
13
  const labels = useSelector(({ intl }) => intl.labels)
15
 
14
 
Línea -... Línea 15...
-
 
15
  const toggleModal = () => {
-
 
16
    setIsModalOpen(!isModalOpen)
-
 
17
  }
-
 
18
 
16
  const toggleModal = () => {
19
  useEffect(() => {
17
    setIsModalOpen(!isModalOpen)
20
    setOverview(defaultValue)
18
  }
21
  }, [defaultValue])
19
 
22
 
20
  return (
23
  return (
Línea 34... Línea 37...
34
          <EmptySection align='left' message={labels.empty} />
37
          <EmptySection align='left' message={labels.empty} />
35
        )}
38
        )}
36
      </div>
39
      </div>
37
      <OverviewModal
40
      <OverviewModal
38
        isOpen={isModalOpen}
41
        isOpen={isModalOpen}
39
        id={id}
-
 
40
        overview={overview}
42
        overview={overview}
-
 
43
        id={id}
41
        closeModal={toggleModal}
44
        closeModal={toggleModal}
42
        onComplete={(newOverview) => setOverview(newOverview)}
45
        onComplete={(newOverview) => setOverview(newOverview)}
43
      />
46
      />
44
    </>
47
    </>
45
  )
48
  )