fix(articles): unifie formulaire modale pour la création d'article

EcrituresNumeriques · Dec 12, 2024 · 126d508 · 126d508
1 parent 73960ea
commit 126d508
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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 {