diff --git a/src/aimba/registration/Registration.js b/src/aimba/registration/Registration.js index 6af13ac..b1d207e 100644 --- a/src/aimba/registration/Registration.js +++ b/src/aimba/registration/Registration.js @@ -5,6 +5,7 @@ import {PromoCountdown} from './PromoCountdown'; import {RegistrationForm} from './RegistrationForm'; export let Registration = ({ + setDialog, onRegistrationFormSubmit, contents: { registration: {backgroundImage} @@ -63,7 +64,7 @@ export let Registration = ({
Ưu đãi có hạn, đăng ký ngay để không bỏ lỡ
- + diff --git a/src/aimba/registration/RegistrationForm.js b/src/aimba/registration/RegistrationForm.js index f876af1..d171f9e 100644 --- a/src/aimba/registration/RegistrationForm.js +++ b/src/aimba/registration/RegistrationForm.js @@ -2,7 +2,7 @@ import './RegistrationForm.less'; import {useState} from 'fiddlehead'; import {fbqEmit} from '../tracking'; -export let RegistrationForm = ({onSubmit}) => { +export let RegistrationForm = ({onSubmit, setDialog}) => { let [feedback, setFeedback] = useState(null); let handleSubmit = (event) => { @@ -14,10 +14,13 @@ export let RegistrationForm = ({onSubmit}) => { setFeedback(feedback); if (feedback.type === 'success') { form.reset(); + fbqEmit('track', 'Lead'); + setTimeout(() => { + setDialog(null); + }, 2000); } }; onSubmit({formData, onFeedback}); - fbqEmit('track', 'Lead'); }; let handleChange = () => { diff --git a/src/aimba/slider/Slider.js b/src/aimba/slider/Slider.js index 8d691e7..9dab3b3 100644 --- a/src/aimba/slider/Slider.js +++ b/src/aimba/slider/Slider.js @@ -9,8 +9,13 @@ export let Slider = ({ infinite = false, children = renderContent }) => { + let buffer = 2; let slideAreas = infinite ? ['head', 'body', 'tail'] : ['body']; - + let scrollViewRef = useRef(null); + let scrollingEndDebounceRef = useRef(null); + let [scrollable, setScrollable] = useState(false); + let [scrolling, setScrolling] = useState(false); + let [paused, setPaused] = useState(false); let [slideStates, setSlideStates] = useState(() => { let states = {}; for (let area of slideAreas) { @@ -25,18 +30,6 @@ export let Slider = ({ return states; }); - let scrollViewRef = useRef(null); - - let [scrollable, setScrollable] = useState(false); - - let [scrolling, setScrolling] = useState(false); - - let [paused, setPaused] = useState(false); - - let scrollingEndDebounceRef = useRef(null); - - let buffer = 2; - let getSlideMargin = () => { let scrollView = scrollViewRef.current; if (scrollView == null) {