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