Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 7067 | Rev 11257 | 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}>
44 
										{element.label}
45 
									</li>
46 
								)
47 
							})
48 
						}
49 
					</ul>
50 
					:
51 
					<p>
52 
						{
53 
							data !== null
54 
								? data
55 
								: ''
56 
						}
57 
					</p>
58 
			}
59 
		</div>
60 
	)
6848 stevensc 61 
}
62 
 
63 
export default EditItem