Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 7067 | Rev 11257 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

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