Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3682 Rev 3685
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'
 3 
import { East } from '@mui/icons-material';
4 
import parse from 'html-react-parser'
 4 
import parse from 'html-react-parser';
5 
 
 - 
 
6 
import Widget from '../UI/Widget'
 5 
import Widget from '@components/UI/Widget';
7 
import Modal from 'components/UI/modal/Modal'
 6 
import Modal from '@components/UI/modal/Modal';
Línea 8... Línea 7...
8 
 
 7 
 
9 
const AboutGroup = (group) => {
 8 
const AboutGroup = (group) => {
Línea 10... Línea 9...
10 
  const [showModal, setShowModal] = useState(false)
 9 
  const [showModal, setShowModal] = useState(false);
Línea 11... Línea 10...
11 
 
 10 
 
12 
  const toggleModal = () => setShowModal(true)
 11 
  const toggleModal = () => setShowModal(true);
13 
 
 12 
 
14 
  return (
 13 
  return (
Línea 23... Línea 22...
23 
            Ver más
 22 
            Ver más
24 
            <East />
 23 
            <East />
25 
          </Button>
 24 
          </Button>
26 
        </Widget.Actions>
 25 
        </Widget.Actions>
27 
      </Widget>
 26 
      </Widget>
28 
      <AboutGroup.Modal
 - 
 
29 
        show={showModal}
 - 
 
30 
        closeModal={() => setShowModal(false)}
 27 
      <AboutGroup.Modal show={showModal} closeModal={() => setShowModal(false)} group={group} />
31 
        group={group}
 - 
 
32 
      />
 - 
 
33 
    </>
 28 
    </>
34 
  )
 29 
  );
35 
}
 30 
};
Línea 36... Línea 31...
36 
 
 31 
 
37 
const AboutModal = ({ show, closeModal, group }) => {
 - 
 
38 
  const {
 - 
 
39 
    name,
 - 
 
40 
    overview,
 - 
 
41 
    group_type,
 - 
 
42 
    industry,
 - 
 
43 
    privacy,
 32 
const AboutModal = ({ show, closeModal, group }) => {
44 
    accessibility,
 - 
 
45 
    website
 - 
 
Línea 46... Línea 33...
46 
  } = group
 33 
  const { name, overview, group_type, industry, privacy, accessibility, website } = group;
47 
 
 - 
 
48 
  return (
 34 
 
49 
    <Modal
 - 
 
50 
      title='Acerca de este grupo'
 - 
 
51 
      show={show}
 - 
 
52 
      onClose={closeModal}
 - 
 
53 
      showFooter={false}
 35 
  return (
54 
    >
 36 
    <Modal title='Acerca de este grupo' show={show} onClose={closeModal} showFooter={false}>
55 
      <div className='description__label'>
 37 
      <div className='description__label'>
56 
        <label htmlFor='name'>Nombre</label>
 38 
        <label htmlFor='name'>Nombre</label>
57 
        <p>{name}</p>
 39 
        <p>{name}</p>
Línea 81... Línea 63...
81 
        <a href={website} target='_blank' rel='noreferrer'>
 63 
        <a href={website} target='_blank' rel='noreferrer'>
82 
          <p>{website}</p>
 64 
          <p>{website}</p>
83 
        </a>
 65 
        </a>
84 
      </div>
 66 
      </div>
85 
    </Modal>
 67 
    </Modal>
86 
  )
 68 
  );
87 
}
 69 
};
Línea 88... Línea 70...
88 
 
 70 
 
Línea 89... Línea 71...
89 
AboutGroup.Modal = AboutModal
 71 
AboutGroup.Modal = AboutModal;