Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 6304 Rev 15062
Línea 1... Línea 1...
1
import React, { useState } from 'react'
1
import React, { useState } from 'react'
2
import FooterModal from './FooterModal'
2
import FooterModal from './FooterModal'
Línea 3... Línea 3...
3
 
3
 
Línea 4... Línea 4...
4
const Footer = ({ companyId, footer, footerUploadUrl }) => {
4
const Footer = ({ companyId, footer, footerUploadUrl, title }) => {
5
 
5
 
Línea 6... Línea 6...
6
    const [isShowModal, setIsShowModal] = useState(false);
6
	const [isShowModal, setIsShowModal] = useState(false)
7
    const [footerImg, setfooterImg] = useState(`/storage/type/company/code/${companyId}/filename/${footer}`);
7
	const [footerImg, setfooterImg] = useState(`/storage/type/company/code/${companyId}/filename/${footer}`)
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
                    Pie de página (2480 x 268px)
16
					{title} (2480 x 268px)
17
                </h3>
17
				</h3>
18
                <p>Actualice el pie de página de sus documentos pdf aquí:</p>
18
				<p>Actualice el pie de página de sus documentos pdf aquí:</p>
19
                <img
19
				<img
20
                    id="user-footer-img"
20
					id="user-footer-img"
21
                    style={{ width: "100%" }}
21
					style={{ width: '100%' }}
22
                    src={footerImg}
22
					src={footerImg}
23
                    alt=""
23
					alt=""
24
                />
24
				/>
25
                <div className="add-dp">
25
				<div className="add-dp">
26
                    <div className="add-pic-box change-footer-image">
26
					<div className="add-pic-box change-footer-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-footer-open"
31
										className="btn btn-footer-open"
32
                                    onClick={showModal}
32
										onClick={showModal}
33
                                    >
33
									>
34
                                        <i className="fa fa-camera" />
34
										<i className="fa fa-camera" />
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
            <FooterModal
42
			<FooterModal
43
                isOpen={isShowModal}
43
				isOpen={isShowModal}
44
                footerUploadUrl={footerUploadUrl}
44
				footerUploadUrl={footerUploadUrl}
45
                closeModal={closeModal}
45
				closeModal={closeModal}
46
                action={setfooterImg}
46
				action={setfooterImg}
Línea 47... Línea 47...
47
            />
47
			/>
48
        </>
48
		</>