duckietm/Nitro-V3
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-V3.git synced 2026-06-20 07:26:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

🆙 New logo and small fix

Browse Source
This commit is contained in:
duckietm
2026-03-19 09:42:40 +01:00
parent bffaccf6a3
commit f338626327
2 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/loading/LoadingView.tsx
+14 -6
View File
@@ -2,21 +2,29 @@ import { FC } from 'react';
import { Base, Column, Text } from '../../common'; import { Base, Column, Text } from '../../common';
interface LoadingViewProps { interface LoadingViewProps {
isError: boolean; isError?: boolean;
message: string; message?: string;
} }
export const LoadingView: FC<LoadingViewProps> = props => { export const LoadingView: FC<LoadingViewProps> = props => {
const { isError = false, message = '' } = props; const { isError = false, message = '' } = props;
return ( return (
<Column fullHeight position="relative" className="relative z-[100] bg-[radial-gradient(#1d1a24,#003a6b)]"> <Column fullHeight position="relative" className="relative z-[100] bg-[radial-gradient(#1d1a24,#003a6b)]">
<Base fullHeight className="container h-100"> <Base fullHeight className="container h-100">
<Column fullHeight alignItems="center" justifyContent="center"> <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" /> { !isError &&
<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" /> <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) ? { 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)]"> <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 ... The hotel is loading ...
src/components/notification-center/views/confirm-layouts/GetConfirmLayout.tsx
+1 -1
View File
@@ -10,6 +10,6 @@ export const GetConfirmLayout = (item: NotificationConfirmItem, onClose: () => v
switch(item.confirmType) switch(item.confirmType)
{ {
default: default:
return <NotificationDefaultConfirmView { ...props } />; return <NotificationDefaultConfirmView key={ item.id } item={ item } onClose={ onClose } />;
} }
}; };