Proyectos de Subversion LeadersLinked - Backend

import React from 'react'

const Location = ({ locations = [] }) => {

    const editLocation = (url) => { }

    const deleteLocation = (url) => { }

    return (
        <div className="user-profile-extended-ov st2">
            <h3>
                Ubicaciones
                <button className="btn btn-location-add">
                    <i className="fa fa-plus-square" />
                </button>
            </h3>
            <span id="locations-records">
                {
                    locations.map((location, index) => (
                        <>
                            <p key={index}>
                                {location.formatted_address}
                                {location.is_main === 'y' ? " (Principal)" : ""}
                                <button
                                    onClick={() => editLocation(location.link_edit)}
                                    className="btn btn-location-edit"
                                    style={{ padding: '.3rem' }}
                                >
                                    <i className="fa fa-pencil" />
                                </button>
                                <button
                                    onClick={() => deleteLocation(location.link_delete)}
                                    className="btn btn-location-delete"
                                    style={{ padding: '.3rem' }}
                                >
                                    <i className="fa fa-trash" />
                                </button>
                            </p>
                            {
                                locations[index + 1] && <hr />
                            }
                        </>
                    ))
                }
            </span>
        </div >
    )
}

export default Location