Create titres

components/konstitisyon/create/create-titre.js

@@ -0,0 +1,14 @@
+'use client'
+
+import CreateForm from '../forms/create-form.js'
+
+export default function CreateTitre(props) {
+  return (
+    <CreateForm
+      {...props}
+      collection='titres'
+      dialogText='Écrivez votre titre'
+      label='titre'
+    />
+  )
+}

components/konstitisyon/create/handle-create.js

@@ -0,0 +1,41 @@
+import PropTypes from 'prop-types'
+import CreateTitre from './create-titre.js'
+
+export default function HandleCreate({
+  session,
+  isOpen,
+  setIsOpen,
+  setError,
+  setSuccess,
+  setIsErrorAlertOpen,
+  setIsSuccessAlertOpen,
+  collection
+}) {
+  if (collection === 'titres') {
+    return (
+      <CreateTitre
+        session={session}
+        isOpen={isOpen}
+        setIsOpen={setIsOpen}
+        setError={setError}
+        setSuccess={setSuccess}
+        setIsErrorAlertOpen={setIsErrorAlertOpen}
+        setIsSuccessAlertOpen={setIsSuccessAlertOpen}
+        title='Titre'
+        label='Écrivez votre titre'
+        hasMultiline={false}
+      />
+    )
+  }
+}
+
+HandleCreate.propTypes = {
+  session: PropTypes.object,
+  isOpen: PropTypes.bool.isRequired,
+  setIsOpen: PropTypes.func.isRequired,
+  setError: PropTypes.func.isRequired,
+  setSuccess: PropTypes.func.isRequired,
+  setIsErrorAlertOpen: PropTypes.func.isRequired,
+  setIsSuccessAlertOpen: PropTypes.func.isRequired,
+  collection: PropTypes.oneOf(['titres', 'articles']).isRequired
+}

components/konstitisyon/create/index.js

@@ -0,0 +1,84 @@
+'use client'
+
+import PropTypes from 'prop-types'
+import Box from '@mui/material/Box'
+import SpeedDial from '@mui/material/SpeedDial'
+import SpeedDialIcon from '@mui/material/SpeedDialIcon'
+import SpeedDialAction from '@mui/material/SpeedDialAction'
+import ArticleIcon from '@mui/icons-material/Article'
+import TitleIcon from '@mui/icons-material/Title'
+import {useState} from 'react'
+import HandleCreate from './handle-create.js'
+import AuthAlert from '@/components/auth-form/auth-alert.js'
+
+const actions = [
+  {id: 'titres', icon: <TitleIcon />, name: 'Créer un titre'},
+  {id: 'articles', icon: <ArticleIcon />, name: 'Créer un article'}
+]
+
+export default function Create({session}) {
+  const [collection, setCollection] = useState(null)
+  const [isDialogOpen, setIsDialogOpen] = useState(false)
+  const [isErrorAlertOpen, setIsErrorAlertOpen] = useState(false)
+  const [isSuccessAlertOpen, setIsSuccessAlertOpen] = useState(false)
+  const [error, setError] = useState('')
+  const [success, setSuccess] = useState('')
+
+  const handleTitresDialog = collection => {
+    setCollection(collection)
+    setIsDialogOpen(true)
+  }
+
+  return (
+    <>
+      {error && <AuthAlert
+        isOpen={isErrorAlertOpen}
+        setIsOpen={setIsErrorAlertOpen}
+        message={error}
+        severity='error'
+      />}
+
+      {success && <AuthAlert
+        isOpen={isSuccessAlertOpen}
+        setIsOpen={setIsSuccessAlertOpen}
+        message={success}
+        severity='success'
+      />}
+
+      <Box sx={{height: 18, transform: 'translateZ(0px)', flexGrow: 1}}>
+        <SpeedDial
+          FabProps={{color: 'success'}}
+          direction='left'
+          ariaLabel='Créer un titre ou un article'
+          sx={{position: 'absolute', bottom: 18, right: 0}}
+          icon={<SpeedDialIcon />}
+        >
+          {actions.map(({id, icon, name}) => (
+            <SpeedDialAction
+              key={name}
+              icon={icon}
+              tooltipTitle={name}
+              onClick={() => handleTitresDialog(id)}
+            />
+          ))}
+        </SpeedDial>
+      </Box>
+      {collection && (
+        <HandleCreate
+          session={session}
+          isOpen={isDialogOpen}
+          setIsOpen={setIsDialogOpen}
+          setError={setError}
+          setSuccess={setSuccess}
+          setIsErrorAlertOpen={setIsErrorAlertOpen}
+          setIsSuccessAlertOpen={setIsSuccessAlertOpen}
+          collection={collection}
+        />
+      )}
+    </>
+  )
+}
+
+Create.propTypes = {
+  session: PropTypes.object
+}