From 7422e4ba2371336aa066805aba6411be9e344e07 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 21 Feb 2024 11:03:09 +0100
Subject: [PATCH] module introduction

---
 src/components/animations/Loading.jsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/components/animations/Loading.jsx

diff --git a/src/components/animations/Loading.jsx b/src/components/animations/Loading.jsx
new file mode 100644
index 0000000..ce846d3
--- /dev/null
+++ b/src/components/animations/Loading.jsx
@@ -0,0 +1,18 @@
+import React from "react";
+import Lottie from "lottie-react";
+
+import loadingTruck from "../../assets/animations/chargement-vehicules-boom.json";
+import { useUser } from "../../hooks/useUser";
+
+export default function Loading() {
+	const { screensTranslations } = useUser();
+
+	if (!screensTranslations || !screensTranslations?.ui?.loading) return;
+
+	return (
+		<div className='loading'>
+			<Lottie className='loading__animation' animationData={loadingTruck} loop autoplay />
+			<p className='loading__text'>{screensTranslations.ui.loading}...</p>
+		</div>
+	);
+}