From 1fbbefbd5c3b65426d9fbc3047e9a21fa44bd996 Mon Sep 17 00:00:00 2001
From: majakomel <maja.komel@gmail.com>
Date: Tue, 3 Sep 2024 02:54:05 +0200
Subject: [PATCH] Fix MAT confirmation modal

---
 components/aggregation/mat/ConfirmationModal.js | 14 +++++++++++---
 components/aggregation/mat/Form.js              |  1 -
 package.json                                    |  2 +-
 pages/findings/edit/[id].js                     |  2 +-
 yarn.lock                                       |  8 ++++----
 5 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/components/aggregation/mat/ConfirmationModal.js b/components/aggregation/mat/ConfirmationModal.js
index 37dab170..614ed7fe 100644
--- a/components/aggregation/mat/ConfirmationModal.js
+++ b/components/aggregation/mat/ConfirmationModal.js
@@ -17,11 +17,19 @@ export const ConfirmationModal = ({ show, onConfirm, onCancel }) => {
           </div>
         </div>
       </div>
-      <div className="flex justify-end my-4">
-        <button className="btn btn-primary mx-4 w-1/3" onClick={onCancel}>
+      <div className="flex justify-center my-4">
+        <button
+          type="button"
+          className="btn btn-primary mx-4 w-1/3"
+          onClick={onCancel}
+        >
           <FormattedMessage id="MAT.Form.ConfirmationModal.No" />
         </button>
-        <button className="btn btn-primary mx-4 w-1/3" onClick={onConfirm}>
+        <button
+          type="button"
+          className="btn btn-primary mx-4 w-1/3"
+          onClick={onConfirm}
+        >
           <FormattedMessage id="MAT.Form.ConfirmationModal.Button.Yes" />
         </button>
       </div>
diff --git a/components/aggregation/mat/Form.js b/components/aggregation/mat/Form.js
index 93c7954c..1335d4fd 100644
--- a/components/aggregation/mat/Form.js
+++ b/components/aggregation/mat/Form.js
@@ -496,7 +496,6 @@ export const Form = ({ onSubmit, query }) => {
           type="button"
           className="btn btn-primary"
           data-test-id="mat-form-submit"
-          width={[1, 'unset']}
           onClick={maybeWarnBeforeSubmit}
         >
           <FormattedMessage id="MAT.Form.Submit" />
diff --git a/package.json b/package.json
index 7ed29a66..3252657e 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,7 @@
     "markdown-to-jsx": "^7.4.0",
     "next": "^14.2.4",
     "nprogress": "^0.2.0",
-    "ooni-components": "0.7.0-alpha.8",
+    "ooni-components": "0.7.0-alpha.10",
     "pretty-ms": "^8.0.0",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
diff --git a/pages/findings/edit/[id].js b/pages/findings/edit/[id].js
index 48ce10b6..5219a1ef 100644
--- a/pages/findings/edit/[id].js
+++ b/pages/findings/edit/[id].js
@@ -67,7 +67,7 @@ const EditReport = () => {
         <div className="flex justify-between items-center">
           <h1>{intl.formatMessage({ id: 'Findings.Edit.Title' })}</h1>
           <Link href="/findings/dashboard">
-            <button className="btn btn-pimary-hollow">
+            <button type="button" className="btn btn-pimary-hollow">
               {intl.formatMessage({ id: 'Findings.Dashboard.ShortTitle' })}
             </button>
           </Link>
diff --git a/yarn.lock b/yarn.lock
index b1efdfe0..1f050fe6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4924,10 +4924,10 @@ onetime@^5.1.0, onetime@^5.1.2:
   dependencies:
     mimic-fn "^2.1.0"
 
-ooni-components@0.7.0-alpha.8:
-  version "0.7.0-alpha.8"
-  resolved "https://registry.yarnpkg.com/ooni-components/-/ooni-components-0.7.0-alpha.8.tgz#8e370075424eb6af4b9f5e797ddf30b0b3522df1"
-  integrity sha512-d6fURpQ/VoaQUi5AiAe7eT/LFiDkMPuDpgixGPDEM0D7sMv38RMgSIZuHhlNl/Ol/TUPLdxS5Ta3XW6DkuUKcg==
+ooni-components@0.7.0-alpha.10:
+  version "0.7.0-alpha.10"
+  resolved "https://registry.yarnpkg.com/ooni-components/-/ooni-components-0.7.0-alpha.10.tgz#0a5106d90d2fa9ae458f6febf13af8c3c8be81d5"
+  integrity sha512-KrD1AkcMKFhAPRLuhyarG2rnVmeVY5I+x2zOClAie2dzttsvdTdoHxcOtn3HgKMDSWSpnSSNFd9/P5eVVKhzcQ==
   dependencies:
     class-variance-authority "^0.7.0"
     clsx "^2.1.1"