Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 11907 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6851 stevensc 1 
import React, { useEffect, useState } from 'react'
11900 stevensc 2 
import parse from 'html-react-parser'
6848 stevensc 3 
 
4 
const EditItem = ({
11256 stevensc 5 
	title,
6 
	showModal,
7 
	data
6848 stevensc 8 
}) => {
9 
 
11256 stevensc 10 
	const [type, setType] = useState('text')
6848 stevensc 11 
 
11256 stevensc 12 
	useEffect(() => {
15223 stevensc 13 
		if (Array.isArray(data)) setType('list')
11256 stevensc 14 
	}, [data])
6848 stevensc 15 
 
11256 stevensc 16 
	return (
17 
		<div className="user-profile-ov">
18 
			<h3>
11901 stevensc 19 
				{title}
11256 stevensc 20 
				<button
21 
					className="btn btn-degrees-edit"
22 
					onClick={() => showModal(title)}
23 
				>
24 
					<i className="fa fa-pencil"></i>
25 
				</button>
26 
			</h3>
27 
			{
28 
				type === 'list'
11907 stevensc 29 
				&&
30 
				<ul>
31 
					{
32 
						data.map((element, index) => {
33 
							if (typeof element === 'string') {
11256 stevensc 34 
								return (
11907 stevensc 35 
									<li key={index}>
11257 stevensc 36 
										<a href="#">
11907 stevensc 37 
											{element}
11257 stevensc 38 
										</a>
11256 stevensc 39 
									</li>
40 
								)
11907 stevensc 41 
							}
42 
 
43 
							return (
44 
								<li key={element.value}>
45 
									<a href="#">
46 
										{element.label}
47 
									</a>
48 
								</li>
49 
							)
50 
						})
51 
					}
52 
				</ul>
11256 stevensc 53 
			}
11907 stevensc 54 
			{
55 
				typeof data === 'string'
56 
				&&
57 
				<p>{parse(data)}</p>
58 
			}
59 
		</div >
11256 stevensc 60 
	)
6848 stevensc 61 
}
62 
 
63 
export default EditItem