From 9a05e9028b30f755c82a1144c26b7cee7a0cdfa3 Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Tue, 28 May 2024 15:25:24 +0000
Subject: [PATCH] basic implementation of an information modal

---
 src/components/modals/InformationModal.tsx | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 src/components/modals/InformationModal.tsx

diff --git a/src/components/modals/InformationModal.tsx b/src/components/modals/InformationModal.tsx
new file mode 100644
index 0000000..7afc7fa
--- /dev/null
+++ b/src/components/modals/InformationModal.tsx
@@ -0,0 +1,60 @@
+import { useModalsManagerContext } from "@/contexts/ModalsManagerContext";
+import Button from "@components/Button";
+import Box from "@components/bases/Box";
+import InformationIcon from "@components/icons/InformationIcon";
+import { Text } from "react-native";
+
+interface Props {
+	message?: string;
+	onPress?: () => void;
+	actionLabel?: string;
+}
+
+const InformationModal = ({
+	message = "Une erreur s'est produite",
+	onPress = undefined,
+	actionLabel = "Ok",
+}: Props) => {
+	const { closeModal } = useModalsManagerContext();
+	return (
+		<Box
+			width={300}
+			// height={200}
+			backgroundColor={"white"}
+			alignItems={"center"}
+			justifyContent={"center"}
+			alignSelf={"center"}
+			marginTop={"x240"}
+			position={"absolute"}
+			zIndex={10}
+			borderRadius={20}
+			gap={"m"}
+			shadowColor={"black"}
+			shadowOffset={{ width: 0, height: 0 }}
+			shadowOpacity={0.5}
+			p={"m"}
+		>
+			<InformationIcon />
+			<Text>{message}</Text>
+			<Box style={{ width: "80%" }}>
+				{onPress && (
+					<Button
+						variant={"fullInformation"}
+						textVariants={"white"}
+						label={actionLabel}
+						onPress={onPress}
+					/>
+				)}
+
+				<Button
+					variant={"noMargin"}
+					textVariants={"error"}
+					label="Fermer"
+					onPress={closeModal}
+				/>
+			</Box>
+		</Box>
+	);
+};
+
+export default InformationModal;
--
libgit2 0.27.1