102 lines
2.5 KiB
JavaScript
102 lines
2.5 KiB
JavaScript
'use client'
|
||
|
||
import PropTypes from 'prop-types'
|
||
import {useRef} from 'react'
|
||
import FormHandler from '../form-handler.js'
|
||
import {formatFormContent} from '@/lib/format.js'
|
||
import {createVersion} from '@/lib/directus.js'
|
||
import SessionExpired from '@/components/session/session-expired.js'
|
||
|
||
export default function HandleEdit({
|
||
id,
|
||
session,
|
||
isOpen,
|
||
setIsOpen,
|
||
collection,
|
||
contenu,
|
||
setError,
|
||
setSuccess,
|
||
setIsSuccessAlertOpen,
|
||
setIsErrorAlertOpen
|
||
}) {
|
||
const countdownRef = useRef()
|
||
|
||
const handleFormSubmit = async e => {
|
||
e.preventDefault()
|
||
|
||
const formattedContent = formatFormContent(e.currentTarget)
|
||
|
||
const {accessToken, userId} = session.user
|
||
|
||
await createVersion({
|
||
accessToken,
|
||
userId,
|
||
collection,
|
||
id,
|
||
content: formattedContent,
|
||
setIsErrorAlertOpen,
|
||
setSuccess,
|
||
setIsSuccessAlertOpen,
|
||
setError,
|
||
countdownRef
|
||
})
|
||
|
||
setIsOpen(false)
|
||
}
|
||
|
||
if (collection === 'titres') {
|
||
return (
|
||
<>
|
||
<FormHandler
|
||
handleFormSubmit={handleFormSubmit}
|
||
session={session}
|
||
isOpen={isOpen}
|
||
setIsOpen={setIsOpen}
|
||
collection={collection}
|
||
setError={setError}
|
||
setSuccess={setSuccess}
|
||
contenu={contenu}
|
||
title='Titre'
|
||
dialogText='Modifiez le titre'
|
||
label='titre'
|
||
/>
|
||
<SessionExpired ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
|
||
</>
|
||
)
|
||
}
|
||
|
||
if (collection === 'articles') {
|
||
return (
|
||
<>
|
||
<FormHandler
|
||
handleFormSubmit={handleFormSubmit}
|
||
session={session}
|
||
isOpen={isOpen}
|
||
setIsOpen={setIsOpen}
|
||
collection={collection}
|
||
setError={setError}
|
||
setSuccess={setSuccess}
|
||
contenu={contenu}
|
||
title='Article'
|
||
dialogText='Modifiez l’article'
|
||
label='titre'
|
||
/>
|
||
<SessionExpired ref={countdownRef} setError={setError} setIsErrorAlertOpen={setIsErrorAlertOpen} />
|
||
</>
|
||
)
|
||
}
|
||
}
|
||
|
||
HandleEdit.propTypes = {
|
||
id: PropTypes.string.isRequired,
|
||
session: PropTypes.object.isRequired,
|
||
isOpen: PropTypes.bool.isRequired,
|
||
setIsOpen: PropTypes.func.isRequired,
|
||
setSuccess: PropTypes.func.isRequired,
|
||
setIsErrorAlertOpen: PropTypes.func.isRequired,
|
||
setIsSuccessAlertOpen: PropTypes.func.isRequired,
|
||
setError: PropTypes.func.isRequired,
|
||
contenu: PropTypes.string,
|
||
collection: PropTypes.oneOf(['titres', 'articles']).isRequired
|
||
}
|