57 lines
1.6 KiB
JavaScript
57 lines
1.6 KiB
JavaScript
'use client'
|
|
|
|
import PropTypes from 'prop-types'
|
|
import {useRouter} from 'next/navigation'
|
|
import IconButton from '@mui/material/IconButton'
|
|
import {styled} from '@mui/material/styles'
|
|
import Tooltip, {tooltipClasses} from '@mui/material/Tooltip'
|
|
import ArticleIcon from '@mui/icons-material/Article'
|
|
import TitleIcon from '@mui/icons-material/Title'
|
|
|
|
const LightTooltip = styled(({className, ...props}) => (
|
|
<Tooltip {...props} classes={{popper: className}} />
|
|
))(({theme}) => ({
|
|
[`& .${tooltipClasses.tooltip}`]: {
|
|
backgroundColor: theme.palette.common.white,
|
|
color: 'rgba(0, 0, 0, 0.87)',
|
|
boxShadow: theme.shadows[1],
|
|
fontSize: 15,
|
|
},
|
|
}))
|
|
|
|
export default function Edit({id, session, contenu, collection}) {
|
|
const router = useRouter()
|
|
|
|
const handleClick = () => {
|
|
console.log('🚀 ~ Edit ~ id:', id)
|
|
console.log('🚀 ~ Edit ~ contenu:', contenu)
|
|
console.log('🚀 ~ Edit ~ collection:', collection)
|
|
if (!session) {
|
|
router.push('/login')
|
|
}
|
|
}
|
|
|
|
return (
|
|
<IconButton size='large' aria-label='edit' onClick={handleClick}>
|
|
{collection === 'titres' && (
|
|
<LightTooltip title='Éditer un titre'>
|
|
<TitleIcon color='warning' fontSize='inherit' />
|
|
</LightTooltip>
|
|
)}
|
|
|
|
{collection === 'articles' && (
|
|
<LightTooltip title='Éditer un article'>
|
|
<ArticleIcon color='warning' fontSize='inherit' />
|
|
</LightTooltip>
|
|
)}
|
|
</IconButton>
|
|
)
|
|
}
|
|
|
|
Edit.propTypes = {
|
|
id: PropTypes.string.isRequired,
|
|
session: PropTypes.object.isRequired,
|
|
contenu: PropTypes.string.isRequired,
|
|
collection: PropTypes.oneOf(['titres', 'articles']).isRequired
|
|
}
|