Proyectos de Subversion LeadersLinked - Backend

Rev

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