Beaucoup trop de chose

- Ajout création, édition, suppression catégories & liens - Ajout auth google - Ajout/modification style pour catégories & liens - Ajout component générique pour bouton, inputs, checkbox & selector - Gestion des messages d'erreur/succès/infos via component dédié - Ajout component FormLayout pour les pages création, édition, suppression catégories & liens - Page custom 404, 500 & signin - Modification schéma DB
2025-12-10 15:35:35 +00:00 · 2022-05-06 19:35:12 +02:00
parent 988dc47ecd
commit aee3e6a820
48 changed files with 7164 additions and 1122 deletions
--- a/components/FormLayout.tsx
+++ b/components/FormLayout.tsx
@@ -0,0 +1,55 @@
+import Head from 'next/head';
+import Link from 'next/link';
+
+import MessageManager from './MessageManager';
+
+import styles from '../styles/create.module.scss';
+
+interface FormProps {
+    title: string;
+    errorMessage?: string;
+    successMessage?: string;
+    infoMessage?: string;
+
+    canSubmit: boolean;
+    handleSubmit: (event) => void;
+
+    textBtnConfirm?: string;
+    classBtnConfirm?: string;
+
+    children: any;
+}
+export default function Form({
+    title,
+    errorMessage,
+    successMessage,
+    infoMessage,
+    canSubmit,
+    handleSubmit,
+    textBtnConfirm = 'Valider',
+    classBtnConfirm = '',
+    children
+}: FormProps) {
+    return (<>
+        <Head>
+            <title>Superpipo — {title}</title>
+        </Head>
+        <div className={`App ${styles['create-app']}`}>
+            <h2>{title}</h2>
+            <form onSubmit={handleSubmit}>
+                {children}
+                <button type='submit' className={classBtnConfirm} disabled={!canSubmit}>
+                    {textBtnConfirm}
+                </button>
+            </form>
+            <Link href='/'>
+                <a>← Revenir à l'accueil</a>
+            </Link>
+            <MessageManager
+                info={infoMessage}
+                error={errorMessage}
+                success={successMessage}
+            />
+        </div>
+    </>)
+}