From 21ddacf18641ba8f684dd9b608b6591e16d713bf Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Mon, 1 Jul 2024 16:12:11 +0000
Subject: [PATCH] looking alright for the moment. will add functionnality later

---
 src/screens/TransactionHistoryScreen.tsx | 86 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 84 insertions(+), 2 deletions(-)

diff --git a/src/screens/TransactionHistoryScreen.tsx b/src/screens/TransactionHistoryScreen.tsx
index 9acc90c..8056409 100644
--- a/src/screens/TransactionHistoryScreen.tsx
+++ b/src/screens/TransactionHistoryScreen.tsx
@@ -5,8 +5,9 @@ import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
 import useTransactionsHistory from "@hooks/useTransactionsHistory";
 import { LOG } from "@logger";
+import theme from "@themes/Theme";
 import { useState } from "react";
-import { RefreshControl, ScrollView } from "react-native";
+import { RefreshControl, ScrollView, Switch } from "react-native";
 import Icon from "react-native-vector-icons/Ionicons";
 
 const log = LOG.extend("TransactionHistoryScreen");
@@ -113,7 +114,7 @@ const FiltersModal: React.FC<FiltersModalProps> = ({ setShowFiltersModal }) => {
 						width={"100%"}
 					>
 						<Text fontSize={20} variant={"black"} fontWeight={"bold"}>
-							Paramétrage du filtre
+							Paramétrage filtre
 						</Text>
 						<Icon
 							name="close-outline"
@@ -122,6 +123,87 @@ const FiltersModal: React.FC<FiltersModalProps> = ({ setShowFiltersModal }) => {
 							onPress={() => setShowFiltersModal(false)}
 						/>
 					</Box>
+
+					<Text fontSize={20} fontWeight={"bold"} my={"s"}>
+						Opérateurs
+					</Text>
+					<Box
+						width={"100%"}
+						backgroundColor={"lightGray"}
+						borderRadius={10}
+						p={"s"}
+						gap={"s"}
+					>
+						<Box
+							flexDirection={"row"}
+							alignItems={"center"}
+							justifyContent={"space-between"}
+							borderBottomColor={"white"}
+							borderBottomWidth={1}
+							py={"s"}
+						>
+							<Text fontWeight={"bold"}>Orange Money</Text>
+							<Switch
+								trackColor={{ false: "#767577", true: theme.colors.secondary }}
+								value={true}
+							/>
+						</Box>
+						<Box
+							flexDirection={"row"}
+							alignItems={"center"}
+							justifyContent={"space-between"}
+							borderBottomColor={"white"}
+							borderBottomWidth={1}
+							py={"s"}
+						>
+							<Text fontWeight={"bold"}>MTN Money</Text>
+							<Switch
+								trackColor={{ false: "#767577", true: theme.colors.secondary }}
+								value={true}
+							/>
+						</Box>
+						<Box
+							flexDirection={"row"}
+							alignItems={"center"}
+							justifyContent={"space-between"}
+							borderBottomColor={"white"}
+							borderBottomWidth={1}
+							py={"s"}
+						>
+							<Text fontWeight={"bold"}>Moov Money</Text>
+							<Switch
+								trackColor={{ false: "#767577", true: theme.colors.secondary }}
+								value={true}
+							/>
+						</Box>
+						<Box
+							flexDirection={"row"}
+							alignItems={"center"}
+							justifyContent={"space-between"}
+							borderBottomColor={"white"}
+							borderBottomWidth={1}
+							py={"s"}
+						>
+							<Text fontWeight={"bold"}>Wave</Text>
+							<Switch
+								trackColor={{ false: "#767577", true: theme.colors.secondary }}
+								value={true}
+							/>
+						</Box>
+						<Box
+							flexDirection={"row"}
+							alignItems={"center"}
+							justifyContent={"space-between"}
+							borderBottomColor={"white"}
+							py={"s"}
+						>
+							<Text fontWeight={"bold"}>Visa</Text>
+							<Switch
+								trackColor={{ false: "#767577", true: theme.colors.secondary }}
+								value={true}
+							/>
+						</Box>
+					</Box>
 				</Box>
 			</Box>
 		</>
--
libgit2 0.27.1