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 (