Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6794 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 6794 Rev 6905
Línea 1... Línea -...
1
/* eslint-disable react/prop-types */
-
 
2
import React from 'react'
1
import React from 'react'
3
import EditIcon from '@mui/icons-material/EditOutlined'
2
import { useLocation } from 'react-router-dom'
4
import AddIcon from '@mui/icons-material/Add'
3
import AddIcon from '@mui/icons-material/Add'
-
 
4
import EditIcon from '@mui/icons-material/EditOutlined'
-
 
5
import IconButton from '@mui/material/IconButton'
Línea 5... Línea 6...
5
 
6
 
6
const ProfileWidget = ({
7
const ProfileWidget = ({
7
    title = '',
8
  title = '',
8
    addUrl = '',
9
  addUrl = '',
9
    onAdd = () => { },
10
  onAdd = () => {},
10
    onEdit = () => { },
11
  onEdit = () => {},
11
    justEdit = false,
12
  justEdit = false,
12
    children
13
  children,
13
}) => {
14
}) => {
-
 
15
  const { pathname } = useLocation()
14
    const PATH = window.location.pathname
16
 
15
    return (
17
  return (
16
        <section className='experience__user-card'>
18
    <section className="experience__user-card">
17
            <div className='card__options-container'>
19
      <div className="card__options-container">
18
                <h2>{title}</h2>
20
        <h2>{title}</h2>
19
                {PATH.includes('edit') &&
21
        {pathname.includes('edit') && (
20
                    <div className='card__options-icons'>
22
          <div className="card__options-icons">
21
                        {!justEdit &&
23
            {!justEdit && (
22
                            <button className='button-icon' onClick={() => onAdd(title, addUrl)}>
24
              <IconButton onClick={() => onAdd(title, addUrl)}>
23
                                <AddIcon />
25
                <AddIcon />
-
 
26
              </IconButton>
24
                            </button>}
27
            )}
25
                        <button className='button-icon' onClick={onEdit}>
28
            <IconButton onClick={onEdit}>
26
                            <EditIcon />
29
              <EditIcon />
27
                        </button>
30
            </IconButton>
28
                    </div>
31
          </div>
29
                }
32
        )}
30
            </div>
33
      </div>
31
            {children}
34
      {children}
32
        </section>
35
    </section>
33
    )
36
  )
Línea 34... Línea -...
34
}
-
 
35
 
37
}
-
 
38