looking alright for the moment. will add functionnality later

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>
 		</>