diff --git a/src/components/icons/ErrorIcons.tsx b/src/components/icons/ErrorIcons.tsx
new file mode 100644
index 0000000..c3dc64e
--- /dev/null
+++ b/src/components/icons/ErrorIcons.tsx
@@ -0,0 +1,16 @@
+import Box from "@components/bases/Box";
+import { images } from "@styles/Commons";
+import { Image } from "react-native";
+
+const ErrorIcon = () => {
+ return (
+
+
+
+ );
+};
+
+export default ErrorIcon;
diff --git a/src/components/modals/ErrorModal.tsx b/src/components/modals/ErrorModal.tsx
new file mode 100644
index 0000000..f68483a
--- /dev/null
+++ b/src/components/modals/ErrorModal.tsx
@@ -0,0 +1,38 @@
+import Button from "@components/Button";
+import Box from "@components/bases/Box";
+import ErrorIcon from "@components/icons/ErrorIcons";
+import { Text } from "react-native";
+
+const ErrorModal = () => {
+ return (
+
+
+ Une erreur s'est produite
+
+
+
+ );
+};
+
+export default ErrorModal;
diff --git a/src/themes/Theme.tsx b/src/themes/Theme.tsx
index 22d82e7..d58ccfd 100644
--- a/src/themes/Theme.tsx
+++ b/src/themes/Theme.tsx
@@ -17,6 +17,7 @@ const palette = {
yellow: "#F4C44A",
red: "#FF0000",
+ softRed: "#C51605",
};
const theme = createTheme({
@@ -30,6 +31,7 @@ const theme = createTheme({
gray: palette.gray,
yellow: palette.yellow,
red: palette.red,
+ softRed: palette.softRed,
},
spacing: {
s: 8,
@@ -121,6 +123,10 @@ const theme = createTheme({
backgroundColor: "secondary",
color: "white",
},
+ fullError: {
+ backgroundColor: "softRed",
+ color: "white",
+ },
clean: {
backgroundColor: "primary",
color: "secondary",