Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3694 Rev 3719
Línea 1... Línea 1...
1
import React, { useState } from 'react';
1
import React, { useState } from 'react';
2
import { Button, Typography } from '@mui/material';
2
import { Button, Typography } from '@mui/material';
3
import East from '@mui/icons-material/East';
3
import East from '@mui/icons-material/East';
4
 
4
 
5
import { parse } from '@utils';
5
import { parse } from '@utils';
6
 
6
 
7
import Widget from '@components/UI/Widget';
7
import Widget from '@components/UI/Widget';
8
import CompanyInfoModal from '@components/modals/CompanyInfoModal';
8
import CompanyInfoModal from '@components/modals/CompanyInfoModal';
9
 
9
 
10
export default function AboutCompany({ company: { overview, ...company } }) {
10
export default function AboutCompany({ company: { overview, ...company } }) {
11
  const [showModal, setShowModal] = useState(false);
11
  const [showModal, setShowModal] = useState(false);
12
 
12
 
13
  const toggleModal = () => setShowModal(!showModal);
13
  const toggleModal = () => setShowModal(!showModal);
14
 
14
 
15
  return (
15
  return (
16
    <>
16
    <>
17
      <Widget>
17
      <Widget>
18
        <Widget.Header title='Acerca de esta empresa' />
18
        <Widget.Header title='Acerca de esta empresa' />
19
        <Widget.Body>
19
        <Widget.Body>
20
          <Typography>{parse(overview)}</Typography>
20
          <Typography>{parse(overview)}</Typography>
21
        </Widget.Body>
21
        </Widget.Body>
22
 
22
 
23
        <Widget.Actions styles={{ padding: 0 }}>
23
        <Widget.Actions styles={{ padding: 0 }}>
24
          <Button onClick={toggleModal} fullWidth sx={{ borderRadius: 0 }}>
24
          <Button onClick={toggleModal} fullWidth sx={{ borderRadius: 0 }}>
25
            Ver más
25
            Ver más
26
            <East />
26
            <East />
27
          </Button>
27
          </Button>
28
        </Widget.Actions>
28
        </Widget.Actions>
29
      </Widget>
29
      </Widget>
30
 
30
 
31
      <CompanyInfoModal show={showModal} company={company} closeModal={toggleModal} />
31
      <CompanyInfoModal show={showModal} company={company} closeModal={toggleModal} />
32
    </>
32
    </>
33
  );
33
  );
34
}
34
}