From f3386263271c3e7759f70cb7bc1bf0f6c7605ce4 Mon Sep 17 00:00:00 2001
From: duckietm <troop@mailtjes.com>
Date: Thu, 19 Mar 2026 09:42:40 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=86=99=20New=20logo=20and=20small=20fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/loading/LoadingView.tsx        | 20 +++++++++++++------
 .../confirm-layouts/GetConfirmLayout.tsx      |  2 +-
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/loading/LoadingView.tsx b/src/components/loading/LoadingView.tsx
index b947e04..a9dc9bc 100644
--- a/src/components/loading/LoadingView.tsx
+++ b/src/components/loading/LoadingView.tsx
@@ -2,21 +2,29 @@ import { FC } from 'react';
 import { Base, Column, Text } from '../../common';
 
 interface LoadingViewProps {
-    isError: boolean;
-    message: string;
+    isError?: boolean;
+    message?: string;
 }
 
 export const LoadingView: FC<LoadingViewProps> = props => {
     const { isError = false, message = '' } = props;
-    
+
     return (
         <Column fullHeight position="relative" className="relative z-[100] bg-[radial-gradient(#1d1a24,#003a6b)]">
             <Base fullHeight className="container h-100">
                 <Column fullHeight alignItems="center" justifyContent="center">
-                    <Base className="absolute inset-0 m-auto w-[84px] h-[84px] [zoom:1.5] [image-rendering:pixelated] bg-[url('@/assets/images/loading/loading.gif')] bg-no-repeat bg-left-top" />
-                    <Base className="absolute top-[20px] left-[20px] z-[2] w-[150px] h-[100px] bg-[url('@/assets/images/notifications/coolui.png')] bg-no-repeat bg-left-top" />
+                    { !isError &&
+                        <Base className="absolute inset-0 m-auto w-[84px] h-[84px] [zoom:1.5] [image-rendering:pixelated] bg-[url('@/assets/images/loading/loading.gif')] bg-no-repeat bg-left-top" /> }
+                    <Base className="absolute top-[20px] left-[20px] z-[2] w-[150px] h-[100px] bg-[url('@/assets/images/notifications/nitro_v3.png')] bg-no-repeat bg-left-top" />
                     { isError && (message && message.length) ?
-                        <Base className="fs-4 absolute bottom-[20px] left-1/2 z-[3] -translate-x-1/2 [text-shadow:0px_4px_4px_rgba(0,0,0,0.25)]">{ message }</Base>
+                        <Column alignItems="center" className="absolute bottom-[20px] left-1/2 z-[3] -translate-x-1/2 max-w-[80%]" gap={ 2 }>
+                            <Text fontSizeCustom={ 20 } variant="white" className="text-center [text-shadow:0px_4px_4px_rgba(0,0,0,0.25)]">
+                                Something went wrong while loading
+                            </Text>
+                            <Base className="px-4 py-3 rounded-lg bg-black/40 text-[#ff6b6b] text-sm font-mono text-center break-words whitespace-pre-wrap max-w-[600px]">
+                                { message }
+                            </Base>
+                        </Column>
                         :
                         <Text fontSizeCustom={32} variant="white" className="absolute bottom-[20px] left-1/2 z-[3] -translate-x-1/2 [text-shadow:0px_4px_4px_rgba(0,0,0,0.25)]">
                             The hotel is loading ...
diff --git a/src/components/notification-center/views/confirm-layouts/GetConfirmLayout.tsx b/src/components/notification-center/views/confirm-layouts/GetConfirmLayout.tsx
index 3c5720c..fd142de 100644
--- a/src/components/notification-center/views/confirm-layouts/GetConfirmLayout.tsx
+++ b/src/components/notification-center/views/confirm-layouts/GetConfirmLayout.tsx
@@ -10,6 +10,6 @@ export const GetConfirmLayout = (item: NotificationConfirmItem, onClose: () => v
     switch(item.confirmType)
     {
         default:
-            return <NotificationDefaultConfirmView { ...props } />;
+            return <NotificationDefaultConfirmView key={ item.id } item={ item } onClose={ onClose } />;
     }
 };