Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 6199 Rev 14876
Línea 1... Línea 1...
1
import React, { useState } from 'react'
1
import React, { useState } from 'react'
2
import CoverModal from './CoverModal'
2
import CoverModal from './CoverModal'
Línea 3... Línea 3...
3
 
3
 
Línea 4... Línea 4...
4
const CoverSection = ({ companyId, cover, coverUploadUrl }) => {
4
const CoverSection = ({ companyId, cover, coverUploadUrl }) => {
5
 
5
 
Línea 6... Línea 6...
6
    const [isShowModal, setIsShowModal] = useState(false);
6
	const [isShowModal, setIsShowModal] = useState(false)
7
    const [coverImg, setCoverImg] = useState(`/storage/type/company-cover/code/${companyId}/filename/${cover}`);
7
	const [coverImg, setCoverImg] = useState(`/storage/type/company-cover/code/${companyId}/filename/${cover}`)
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
 
12
 
13
    return (
13
	return (
14
        <>
14
		<>
15
            <div className="row">
15
			<div className="row">
16
                <div className="col-12">
16
				<div className="col-12">
17
                    <section className="cover-sec">
17
					<section className="cover-sec">
18
                        <img
18
						<img
19
                            id="user-cover-img"
19
							id="user-cover-img"
20
                            src={coverImg}
20
							src={coverImg}
21
                            alt=""
21
							alt=""
22
                        />
22
						/>
23
                        <div className="add-pic-box change-cover-image">
23
						<div className="add-pic-box cover">
24
                            <div className="container">
24
							<div className="container">
25
                                <div className="row no-gutters">
25
								<div className="row no-gutters">
26
                                    <div className="col-lg-12 col-sm-12">
26
									<div className="add-dp">
27
                                        <button
27
										<button
28
                                            className="btn btn-cover-open"
28
											className="btn btn-cover-open"
29
                                            onClick={showModal}
29
											onClick={showModal}
30
                                        >
30
										>
31
                                            <i className="fa fa-camera"></i>
31
											<i className="fa fa-camera"></i>
32
                                        </button>
32
										</button>
33
                                    </div>
33
									</div>
34
                                </div>
34
								</div>
35
                            </div>
35
							</div>
36
                        </div>
36
						</div>
37
                    </section>
37
					</section>
38
                </div>
38
				</div>
39
            </div>
39
			</div>
40
            <CoverModal
40
			<CoverModal
41
                isOpen={isShowModal}
41
				isOpen={isShowModal}
42
                coverUploadUrl={coverUploadUrl}
42
				coverUploadUrl={coverUploadUrl}
43
                closeModal={closeModal}
43
				closeModal={closeModal}
Línea 44... Línea 44...
44
                action={setCoverImg}
44
				action={setCoverImg}
45
            />
45
			/>