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;