Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 11904 | Ir a la última revisión | | 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(() => {
13 
		if (Array.isArray(data)) {
14 
			setType('list')
15 
		}
16 
	}, [data])
6848 stevensc 17 
 
11256 stevensc 18 
	return (
19 
		<div className="user-profile-ov">
20 
			<h3>
11901 stevensc 21 
				{title}
11256 stevensc 22 
				<button
23 
					className="btn btn-degrees-edit"
24 
					onClick={() => showModal(title)}
25 
				>
26 
					<i className="fa fa-pencil"></i>
27 
				</button>
28 
			</h3>
29 
			{
30 
				type === 'list'
11907 stevensc 31 
				&&
32 
				<ul>
33 
					{
34 
						data.map((element, index) => {
35 
							if (typeof element === 'string') {
11256 stevensc 36 
								return (
11907 stevensc 37 
									<li key={index}>
11257 stevensc 38 
										<a href="#">
11907 stevensc 39 
											{element}
11257 stevensc 40 
										</a>
11256 stevensc 41 
									</li>
42 
								)
11907 stevensc 43 
							}
44 
 
45 
							return (
46 
								<li key={element.value}>
47 
									<a href="#">
48 
										{element.label}
49 
									</a>
50 
								</li>
51 
							)
52 
						})
53 
					}
54 
				</ul>
11256 stevensc 55 
			}
11907 stevensc 56 
			{
57 
				typeof data === 'string'
58 
				&&
59 
				<p>{parse(data)}</p>
60 
			}
61 
		</div >
11256 stevensc 62 
	)
6848 stevensc 63 
}
64 
 
65 
export default EditItem