Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 11901 | Rev 11907 | 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'
31 
					?
32 
					<ul>
33 
						{
34 
							data.map((element, index) => {
35 
								if (typeof element === 'string') {
36 
									return (
37 
										<li key={index}>
11262 stevensc 38 
											<a href="#">
39 
												{element}
40 
											</a>
11256 stevensc 41 
										</li>
42 
									)
43 
								}
6862 stevensc 44 
 
11256 stevensc 45 
								return (
46 
									<li key={element.value}>
11257 stevensc 47 
										<a href="#">
48 
											{element.label}
49 
										</a>
11256 stevensc 50 
									</li>
51 
								)
52 
							})
53 
						}
54 
					</ul>
55 
					:
56 
					<p>
57 
						{
58 
							data !== null
11904 stevensc 59 
								? data
11256 stevensc 60 
								: ''
61 
						}
62 
					</p>
63 
			}
64 
		</div>
65 
	)
6848 stevensc 66 
}
67 
 
68 
export default EditItem