Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 8516 Rev 15062
Línea 1... Línea 1...
1
import React, { useState } from 'react'
1
import React, { useState } from 'react'
2
import CompanySizeModal from './CompanySizeModal';
2
import CompanySizeModal from './CompanySizeModal'
Línea 3... Línea 3...
3
 
3
 
Línea 4... Línea 4...
4
const CompanySizes = ({ companySize, companySizeUrl }) => {
4
const CompanySizes = ({ companySize, companySizeUrl, title }) => {
5
 
5
 
Línea 6... Línea 6...
6
    const [isShowModal, setIsShowModal] = useState(false);
6
	const [isShowModal, setIsShowModal] = useState(false)
7
    const [companySizeState, setCompanySizeState] = useState(companySize);
7
	const [companySizeState, setCompanySizeState] = useState(companySize)
Línea 8... Línea 8...
8
 
8
 
9
    const closeModal = () => setIsShowModal(false)
9
	const closeModal = () => setIsShowModal(false)
10
    const showModal = () => setIsShowModal(true)
10
	const showModal = () => setIsShowModal(true)
11
 
11
 
12
    return (
12
	return (
13
        <>
13
		<>
14
            <div className="user-profile-ov">
14
			<div className="user-profile-ov">
15
                <h3>
15
				<h3>
16
                    Tamaño de la empresa
16
					{title}
17
                    <button
17
					<button
18
                        className="btn btn-company-size-edit"
18
						className="btn btn-company-size-edit"
19
                        onClick={showModal}
19
						onClick={showModal}
20
                    >
20
					>
21
                        <i className="fa fa-pencil" />
21
						<i className="fa fa-pencil" />
22
                    </button>
22
					</button>
23
                </h3>
23
				</h3>
24
                <span id="overview-company-size">{companySizeState}</span>
24
				<span id="overview-company-size">{companySizeState}</span>
25
            </div>
25
			</div>
26
            <CompanySizeModal
26
			<CompanySizeModal
27
                isOpen={isShowModal}
27
				isOpen={isShowModal}
28
                closeModal={closeModal}
28
				closeModal={closeModal}
29
                action={setCompanySizeState}
29
				action={setCompanySizeState}
30
                companySizeUrl={companySizeUrl}
30
				companySizeUrl={companySizeUrl}
Línea 31... Línea 31...
31
            />
31
			/>
32
        </>
32
		</>