Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 6055 Rev 6266
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
- 
 
 2 
import HeaderModal from './HeaderModal'
- 
 
 3 
 
- 
 
 4 
const Header = ({ companyId, header, headerUploadUrl }) => {
- 
 
 5 
 
- 
 
 6 
    const [isShowModal, setIsShowModal] = useState(false);
- 
 
 7 
    const [headerImg, setHeaderImg] = useState(`/storage/type/company/code/${companyId}/filename/${header}`);
- 
 
 8 
 
- 
 
 9 
    const closeModal = () => setIsShowModal(false)
- 
 
 10 
    const showModal = () => setIsShowModal(true)
Línea 2... Línea -...
2 
 
 - 
 
3 
const Header = ({ companyId, header }) => {
 11 
 
- 
 
 12 
    return (
4 
    return (
 13 
        <>
5 
        <div className="user-profile-ov">
 14 
            <div className="user-profile-ov">
6 
            <h3>
 15 
                <h3>
7 
                Cabecera (2480 x 268px)
 16 
                    Cabecera (2480 x 268px)
8 
            </h3>
 17 
                </h3>
9 
            <p>Actualice la cabecera de sus documentos pdf aquí:</p>
 18 
                <p>Actualice la cabecera de sus documentos pdf aquí:</p>
10 
            <img
 19 
                <img
11 
                id="user-header-img"
 20 
                    id="user-header-img"
12 
                style={{ width: "100%" }}
 21 
                    style={{ width: "100%" }}
13 
                src={`/storage/type/company/code/${companyId}/filename/${header}`}
 22 
                    src={headerImg}
14 
                alt=""
 23 
                    alt=""
15 
            />
 24 
                />
16 
            <div className="add-dp">
 25 
                <div className="add-dp">
17 
                <div className="add-pic-box change-header-image">
 26 
                    <div className="add-pic-box change-header-image">
18 
                    <div className="container">
 27 
                        <div className="container">
19 
                        <div className="row no-gutters">
 28 
                            <div className="row no-gutters">
- 
 
 29 
                                <div className="col-lg-12 col-sm-12">
20 
                            <div className="col-lg-12 col-sm-12">
 30 
                                    <button
- 
 
 31 
                                        className="btn btn-header-open"
- 
 
 32 
                                        onClick={showModal}
21 
                                <button className="btn btn-header-open">
 33 
                                    >
22 
                                    <i className="fa fa-camera"></i>
 34 
                                        <i className="fa fa-camera"></i>
- 
 
 35 
                                    </button>
23 
                                </button>
 36 
                                </div>
24 
                            </div>
 37 
                            </div>
25 
                        </div>
 38 
                        </div>
26 
                    </div>
 39 
                    </div>
27 
                </div>
 40 
                </div>
- 
 
 41 
            </div>
- 
 
 42 
            <HeaderModal
- 
 
 43 
                isOpen={isShowModal}
- 
 
 44 
                coverUploadUrl={headerUploadUrl}
- 
 
 45 
                closeModal={closeModal}
- 
 
 46 
                action={setHeaderImg}
28 
            </div>
 47 
            />
29 
        </div>
 48 
        </>
30 
    )
 49 
    )
Línea 31... Línea 50...
31 
}
 50 
}
32 
 
 51