From 8ac868d2e7850194c4e7aafbdfc0a3a5607e37a3 Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Fri, 26 Apr 2024 15:31:31 +0000
Subject: [PATCH] payment workflow stack navigation

---
 src/navigations/PaymentStackNavigation.tsx | 28 ++++++++++++++++++++++++++++
 src/navigations/Types.ts                   | 17 +++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 src/navigations/PaymentStackNavigation.tsx
 create mode 100644 src/navigations/Types.ts

diff --git a/src/navigations/PaymentStackNavigation.tsx b/src/navigations/PaymentStackNavigation.tsx
new file mode 100644
index 0000000..5bc4ba4
--- /dev/null
+++ b/src/navigations/PaymentStackNavigation.tsx
@@ -0,0 +1,28 @@
+import { createNativeStackNavigator } from "@react-navigation/native-stack";
+import HomePageWithPaymentOptions from "@screens/HomePageWithPaymentOptions";
+import NumberAndOtpForPaymentScreen from "@screens/NumberAndOtpForPaymentScreen";
+import PaymentAmountInputScreen from "@screens/PaymentAmountInputScreen";
+import type { PaymentStackParamList } from "./Types";
+
+const Stack = createNativeStackNavigator<PaymentStackParamList>();
+
+const PaymentStackNavigator = () => {
+	return (
+		<Stack.Navigator
+			initialRouteName="homePageWithPaymentOptions"
+			screenOptions={{ headerShown: false }}
+		>
+			<Stack.Screen
+				name="homePageWithPaymentOptions"
+				component={HomePageWithPaymentOptions}
+			/>
+			<Stack.Screen
+				name="numberAndOtpForPaymentScreen"
+				component={NumberAndOtpForPaymentScreen}
+			/>
+			<Stack.Screen name="paymentAmountInputScreen" component={PaymentAmountInputScreen} />
+		</Stack.Navigator>
+	);
+};
+
+export default PaymentStackNavigator;
diff --git a/src/navigations/Types.ts b/src/navigations/Types.ts
new file mode 100644
index 0000000..084a994
--- /dev/null
+++ b/src/navigations/Types.ts
@@ -0,0 +1,17 @@
+import type { NativeStackScreenProps } from "@react-navigation/native-stack";
+
+export type PaymentStackParamList = {
+	homePageWithPaymentOptions: undefined;
+	numberAndOtpForPaymentScreen: undefined;
+	paymentAmountInputScreen: undefined;
+};
+
+export type PaymentStackScreenProps<T extends keyof PaymentStackParamList> = NativeStackScreenProps<
+	PaymentStackParamList,
+	T,
+	"PaymentStackParamList"
+>;
+
+export type PaymentStackScreenComponentProps<T extends keyof PaymentStackParamList> = React.FC<
+	PaymentStackScreenProps<T>
+>;
--
libgit2 0.27.1