From 126d50874cceac9e2ffff9ff53891fe73391a508 Mon Sep 17 00:00:00 2001
From: Thomas Parisot <thom4parisot@users.noreply.github.com>
Date: Thu, 12 Dec 2024 18:28:40 +0100
Subject: [PATCH] =?UTF-8?q?fix(articles):=20unifie=20formulaire=20modale?=
 =?UTF-8?q?=20pour=20la=20cr=C3=A9ation=20d'article?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/ArticleCreate.jsx  | 14 +-------------
 front/src/components/Articles.jsx       |  4 ++++
 front/src/components/button.module.scss |  4 ++--
 3 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/front/src/components/ArticleCreate.jsx b/front/src/components/ArticleCreate.jsx
index 0163905e0..00efb0770 100644
--- a/front/src/components/ArticleCreate.jsx
+++ b/front/src/components/ArticleCreate.jsx
@@ -85,7 +85,7 @@ export default function ArticleCreate({ onSubmit }) {
 
   return (
     <section>
-      <form onSubmit={handleSubmit} className={styles.form}>
+      <form onSubmit={handleSubmit} className={styles.form} id="article-create-form">
         <Field
           ref={titleInputRef}
           {...titleBindings}
@@ -111,18 +111,6 @@ export default function ArticleCreate({ onSubmit }) {
             </ul>
           </div>
         )}
-        <ul className={styles.actions}>
-          <li>
-            <Button
-              type="secondary"
-              className={styles.button}
-              title={t('article.createForm.buttonTitle')}
-              onClick={handleSubmit}
-            >
-              {t('article.createForm.buttonText')}
-            </Button>
-          </li>
-        </ul>
       </form>
     </section>
   )
diff --git a/front/src/components/Articles.jsx b/front/src/components/Articles.jsx
index 7d19fd87d..4faff6f4f 100644
--- a/front/src/components/Articles.jsx
+++ b/front/src/components/Articles.jsx
@@ -18,6 +18,7 @@ import Article from './Article'
 import ArticleCreate from './ArticleCreate.jsx'
 
 import styles from './articles.module.scss'
+import buttonStyles from './button.module.scss'
 import Field from './Field'
 import { useActiveUserId } from '../hooks/user'
 import WorkspaceLabel from './workspace/WorkspaceLabel.jsx'
@@ -282,6 +283,9 @@ export default function Articles() {
           >
             {t('modal.close.text')}
           </GeistModal.Action>
+          <GeistModal.Action type="submit" form="article-create-form" className={buttonStyles.primary}>
+            {t('article.createForm.buttonText')}
+          </GeistModal.Action>
         </GeistModal>
 
         {isLoading ? (
diff --git a/front/src/components/button.module.scss b/front/src/components/button.module.scss
index 9e6e9a899..2a9f0a79c 100644
--- a/front/src/components/button.module.scss
+++ b/front/src/components/button.module.scss
@@ -106,8 +106,8 @@ a.icon:not(.primary) {
 .primary {
   @extend .button;
 
-  background-color: #000;
-  color: #fff;
+  background-color: #000 !important;
+  color: #fff !important;
   border: 1px solid #000;
 
   &:disabled {