Proyectos de Subversion LeadersLinked - Backend

Rev

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