Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'

import { useLocation } from 'react-router-dom'

import AddIcon from '@mui/icons-material/Add'

import EditIcon from '@mui/icons-material/EditOutlined'

import IconButton from '@mui/material/IconButton'

const ProfileWidget = ({

  title = '',

  addUrl = '',

  onAdd = () => {},

  onEdit = () => {},

  justEdit = false,

  children,

}) => {

  const { pathname } = useLocation()

  return (

    <section className="experience__user-card">

      <div className="card__options-container">

        <h2>{title}</h2>

        {pathname.includes('edit') && (

          <div className="card__options-icons">

            {!justEdit && (

              <IconButton onClick={() => onAdd(title, addUrl)}>

                <AddIcon />

              </IconButton>

            )}

            <IconButton onClick={onEdit}>

              <EditIcon />

            </IconButton>

          </div>

        )}

      </div>

      {children}

    </section>

  )

}

export default ProfileWidget