konstitisyon.nu/components/konstitisyon/edit/handle-edit.js

'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
}