Proyectos de Subversion LeadersLinked - Backend

Rev

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

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