Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 5925 Rev 5949
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React, { useState } from 'react'
- 
 
 2 
import CoverModal from './CoverModal'
- 
 
 3 
 
- 
 
 4 
const CoverSection = ({ companyId, cover, coverUploadUrl }) => {
- 
 
 5 
 
- 
 
 6 
    const [isShowModal, setIsShowModal] = useState(false);
- 
 
 7 
 
- 
 
 8 
    const closeModal = () => setIsShowModal(false)
- 
 
 9 
    const showModal = () => setIsShowModal(true)
- 
 
 10 
 
Línea 2... Línea -...
2 
 
 - 
 
3 
const CoverSection = ({ companyId, cover }) => {
 11 
 
- 
 
 12 
    return (
4 
    return (
 13 
        <>
5 
        <div className="row">
 14 
            <div className="row">
6 
            <div className="col-12">
 15 
                <div className="col-12">
7 
                <section className="cover-sec">
 16 
                    <section className="cover-sec">
8 
                    <img
 17 
                        <img
9 
                        id="user-cover-img"
 18 
                            id="user-cover-img"
10 
                        src={
 19 
                            src={
11 
                            cover
 20 
                                cover
12 
                                ? `/storage/type/company-cover/code/${companyId}/filename/${cover}`
 21 
                                    ? `/storage/type/company-cover/code/${companyId}/filename/${cover}`
13 
                                : ''
 22 
                                    : ''
14 
                        }
 23 
                            }
15 
                        alt=""
 24 
                            alt=""
16 
                    />
 25 
                        />
17 
                    <div className="add-pic-box change-cover-image">
 26 
                        <div className="add-pic-box change-cover-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-cover-open"
- 
 
 32 
                                            onClick={showModal}
21 
                                    <a href="#" className="btn-cover-open">
 33 
                                        >
- 
 
 34 
                                            <i className="fa fa-camera"></i>
22 
                                        <i className="fa fa-camera"></i>
 35 
                                        </button>
23 
                                    </a>
 36 
                                    </div>
24 
                                </div>
 37 
                                </div>
25 
                            </div>
 38 
                            </div>
26 
                        </div>
 39 
                        </div>
27 
                    </div>
 40 
                    </section>
28 
                </section>
 41 
                </div>
- 
 
 42 
            </div>
- 
 
 43 
            <CoverModal
- 
 
 44 
                isOpen={isShowModal}
- 
 
 45 
                coverUploadUrl={coverUploadUrl}
- 
 
 46 
                closeModal={closeModal}
29 
            </div>
 47 
            />
30 
        </div>
 48 
        </>
31 
    )
 49 
    )
Línea 32... Línea 50...
32 
}
 50 
}
33 
 
 51