diff --git a/src/screens/MainScreen/components/form/index.js b/src/screens/MainScreen/components/form/index.js index 0cb30da..0d50e43 100644 --- a/src/screens/MainScreen/components/form/index.js +++ b/src/screens/MainScreen/components/form/index.js @@ -8,6 +8,7 @@ const monthsArr = Array.from({ length: 12 }, (x, i) => { const yearsArr = Array.from({ length: 9 }, (_x, i) => currentYear + i); export default function CForm({ + handleSubmit, cardMonth, cardYear, onUpdateState, @@ -17,7 +18,7 @@ export default function CForm({ onCardInputFocus, onCardInputBlur, cardCvv, - children + children, }) { const [cardNumber, setCardNumber] = useState(''); @@ -190,6 +191,14 @@ export default function CForm({ +
+ +
); diff --git a/src/screens/MainScreen/index.js b/src/screens/MainScreen/index.js index a63ec52..df4b0c3 100644 --- a/src/screens/MainScreen/index.js +++ b/src/screens/MainScreen/index.js @@ -8,7 +8,7 @@ const initialState = { cardMonth: '', cardYear: '', cardCvv: '', - isCardFlipped: false + isCardFlipped: false, }; const MainScreen = () => { @@ -19,7 +19,7 @@ const MainScreen = () => { (keyName, value) => { setState({ ...state, - [keyName]: value || initialState[keyName] + [keyName]: value || initialState[keyName], }); }, [state] @@ -30,7 +30,7 @@ const MainScreen = () => { cardNumber: useRef(), cardHolder: useRef(), cardDate: useRef(), - cardCvv: useRef() + cardCvv: useRef(), }; let focusFormFieldByKey = useCallback((key) => { @@ -41,7 +41,7 @@ const MainScreen = () => { let cardElementsRef = { cardNumber: useRef(), cardHolder: useRef(), - cardDate: useRef() + cardDate: useRef(), }; let onCardFormInputFocus = (_event, inputName) => { @@ -53,9 +53,14 @@ const MainScreen = () => { setCurrentFocusedElm(null); }, []); + let doSubmit = () => { + return console.log(state); + }; + return (