Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 6310 Rev 15062
Línea 1... Línea 1...
1
import React, { useState } from 'react'
1
import React, { useState } from 'react'
2
import WebPageModal from './WebPageModal'
2
import WebPageModal from './WebPageModal'
Línea 3... Línea 3...
3
 
3
 
Línea 4... Línea 4...
4
const WebPage = ({ website, websiteUrl }) => {
4
const WebPage = ({ website, websiteUrl, title }) => {
5
 
5
 
Línea 6... Línea 6...
6
    const [isShowModal, setIsShowModal] = useState(false);
6
	const [isShowModal, setIsShowModal] = useState(false)
7
    const [websiteState, setWebsiteState] = useState(website);
7
	const [websiteState, setWebsiteState] = useState(website)
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="user-profile-ov">
15
			<div className="user-profile-ov">
16
                <h3>
16
				<h3>
17
                    Página web
17
					{title}
18
                    <button
18
					<button
19
                        className="btn btn-website-edit"
19
						className="btn btn-website-edit"
20
                        onClick={showModal}
20
						onClick={showModal}
21
                    >
21
					>
22
                        <i className="fa fa-pencil" />
22
						<i className="fa fa-pencil" />
23
                    </button>
23
					</button>
24
                </h3>
24
				</h3>
25
                <span id="overview-website">
25
				<span id="overview-website">
26
                    {websiteState}
26
					{websiteState}
27
                </span>
27
				</span>
28
            </div>
28
			</div>
29
            <WebPageModal
29
			<WebPageModal
30
                isOpen={isShowModal}
30
				isOpen={isShowModal}
31
                websiteUrl={websiteUrl}
31
				websiteUrl={websiteUrl}
32
                closeModal={closeModal}
32
				closeModal={closeModal}
Línea 33... Línea 33...
33
                action={setWebsiteState}
33
				action={setWebsiteState}
34
            />
34
			/>