From e788ee28f9696915ac0ba51c3b06985330ce96d4 Mon Sep 17 00:00:00 2001
From: duckietm <troop@mailtjes.com>
Date: Wed, 24 Apr 2024 16:04:49 +0200
Subject: [PATCH] Update Loading screen

---
 src/components/loading/LoadingView.scss | 46 +++++++++++++------------
 src/components/loading/LoadingView.tsx  |  1 +
 2 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/src/components/loading/LoadingView.scss b/src/components/loading/LoadingView.scss
index ac3c215..4995543 100644
--- a/src/components/loading/LoadingView.scss
+++ b/src/components/loading/LoadingView.scss
@@ -1,26 +1,28 @@
 .nitro-loading {
     position: relative;
-    background: #1d1a24;
+	background-image: radial-gradient(#1d1a24, #003a6b);
     z-index: 100;
-
-    .connecting-duck {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        margin: auto;
-        right: 0;
-        left: 0;
-        background: url('@/assets/images/loading/caja.gif') no-repeat top left;
-        width: 84px;
-        height: 84px;
-        zoom: 1.5;
-        image-rendering: pixelated;
-    }
-
-    .nitro-logo {
-        width: 47px;
-        height: 65px;
-        background: transparent url('https://assets.nitrodev.co/logos/react-loader.png') no-repeat center;
-        z-index: 1;
-    }
 }
+
+.connecting-duck {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    margin: auto;
+    right: 0;
+    left: 0;
+    background: url('@/assets/images/loading/caja.gif') no-repeat top left;
+    width: 84px;
+    height: 84px;
+    zoom: 1.5;
+    image-rendering: pixelated;
+}
+
+.logo {
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    background: url('@/assets/images/notifications/coolui.png') no-repeat top left; /* Fixed the typo here */
+    width: 150px;
+    height: 100px;
+}
\ No newline at end of file
diff --git a/src/components/loading/LoadingView.tsx b/src/components/loading/LoadingView.tsx
index c88228e..d3635f9 100644
--- a/src/components/loading/LoadingView.tsx
+++ b/src/components/loading/LoadingView.tsx
@@ -17,6 +17,7 @@ export const LoadingView: FC<LoadingViewProps> = props =>
             <Base fullHeight className="container h-100">
                 <Column fullHeight alignItems="center" justifyContent="end">
                     <Base className="connecting-duck" />
+					<Base className="logo" /> 
                     <Column size={ 6 } className="text-center py-4">
                         { isError && (message && message.length) ?
                             <Base className="fs-4 text-shadow">{ message }</Base>