Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2864 Rev 3047
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 { Typography } from '@mui/material'
 3 
import { IconButton, Typography } from '@mui/material'
4 
import IconButton from '@mui/material/IconButton'
 - 
 
5 
import EditIcon from '@mui/icons-material/Edit'
 4 
import { Edit } from '@mui/icons-material'
Línea 6... Línea 5...
6 
 
 5 
 
Línea -... Línea 6...
- 
 
 6 
import { parse } from '@utils'
- 
 
 7 
 
7 
import { parse } from '@utils'
 8 
import Widget from '@components/UI/Widget'
8 
 
 - 
 
Línea 9... Línea 9...
9 
import OverviewModal from './OverviewModal'
 9 
import EmptySection from '@components/UI/EmptySection'
10 
import EmptySection from '../UI/EmptySection'
 10 
import OverviewModal from './OverviewModal'
11 
 
 11 
 
12 
const Overview = ({ overview: defaultValue, id, isEdit }) => {
 12 
const Overview = ({ overview: defaultValue, id, edit }) => {
Línea 13... Línea 13...
13 
  const [overview, setOverview] = useState('')
 13 
  const [overview, setOverview] = useState('')
Línea 22... Línea 22...
22 
    setOverview(defaultValue)
 22 
    setOverview(defaultValue)
23 
  }, [defaultValue])
 23 
  }, [defaultValue])
Línea 24... Línea 24...
24 
 
 24 
 
25 
  return (
 25 
  return (
26 
    <>
 26 
    <>
27 
      <div className='profile-attr'>
 27 
      <Widget>
28 
        <div className='profile-attr-header'>
 28 
        <Widget.Header
- 
 
 29 
          title='Visión general'
29 
          <h2>Visión general</h2>
 30 
          renderAction={
30 
          {isEdit && (
 31 
            edit && (
31 
            <IconButton onClick={toggleModal}>
 32 
              <IconButton onClick={toggleModal}>
32 
              <EditIcon />
 33 
                <Edit />
- 
 
 34 
              </IconButton>
- 
 
 35 
            )
- 
 
 36 
          }
- 
 
 37 
        />
- 
 
 38 
 
- 
 
 39 
        <Widget.Body>
- 
 
 40 
          {overview ? (
- 
 
 41 
            <Typography>{parse(overview)}</Typography>
- 
 
 42 
          ) : (
33 
            </IconButton>
 43 
            <EmptySection align='left' message={labels.empty} />
34 
          )}
 44 
          )}
35 
        </div>
 - 
 
36 
        {overview ? (
 - 
 
37 
          <Typography>{parse(overview)}</Typography>
 - 
 
38 
        ) : (
 - 
 
39 
          <EmptySection align='left' message={labels.empty} />
 - 
 
40 
        )}
 45 
        </Widget.Body>
- 
 
 46 
      </Widget>
41 
      </div>
 47 
 
- 
 
 48 
      <OverviewModal
42 
      <OverviewModal
 49 
        id={id}
43 
        isOpen={isModalOpen}
 50 
        isOpen={isModalOpen}
44 
        overview={overview}
 - 
 
45 
        id={id}
 51 
        overview={overview}
46 
        closeModal={toggleModal}
 52 
        closeModal={toggleModal}
47 
        onComplete={(newOverview) => setOverview(newOverview)}
 53 
        onComplete={(newOverview) => setOverview(newOverview)}
48 
      />
 54 
      />
49 
    </>
 55 
    </>