Fix MAT confirmation modal

ooni · Sep 3, 2024 · 1fbbefb · 1fbbefb
1 parent 67e29a1
commit 1fbbefb
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -4924,10 +4924,10 @@ onetime@^5.1.0, onetime@^5.1.2:
   dependencies:
     mimic-fn "^2.1.0"
 
-[email protected].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==
+[email protected].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"