From 5a5127c9212f25dcebeb790bfcc6c71df171351b Mon Sep 17 00:00:00 2001 From: Mike Cao Date: Wed, 24 May 2023 21:54:49 -0700 Subject: [PATCH] Converted popup into modal. --- .../pages/reports/funnel/FunnelParameters.js | 19 ++++++++++++------- .../funnel/FunnelParameters.module.css | 9 --------- 2 files changed, 12 insertions(+), 16 deletions(-) diff --git a/components/pages/reports/funnel/FunnelParameters.js b/components/pages/reports/funnel/FunnelParameters.js index f43728c7..bced9a1a 100644 --- a/components/pages/reports/funnel/FunnelParameters.js +++ b/components/pages/reports/funnel/FunnelParameters.js @@ -6,8 +6,8 @@ import { FormButtons, FormInput, FormRow, - PopupTrigger, - Popup, + ModalTrigger, + Modal, SubmitButton, Text, TextField, @@ -85,29 +85,34 @@ function AddURLButton({ onAdd }) { const handleChange = e => { setUrl(e.target.value); }; + const handleClose = close => { + setUrl(''); + close(); + }; return ( - + - + {close => { return (
- + + ); }} -
-
+ + ); } diff --git a/components/pages/reports/funnel/FunnelParameters.module.css b/components/pages/reports/funnel/FunnelParameters.module.css index d60048a7..25ef0241 100644 --- a/components/pages/reports/funnel/FunnelParameters.module.css +++ b/components/pages/reports/funnel/FunnelParameters.module.css @@ -1,12 +1,3 @@ -.popup { - background: var(--base50); - padding: 20px; - margin-left: 10px; - border: 1px solid var(--base400); - border-radius: var(--border-radius); - width: 400px; -} - .urls { display: flex; flex-direction: column;