From f225a033f27b3af757067016588ec8bfc87734ab Mon Sep 17 00:00:00 2001
From: duckietm <troop@mailtjes.com>
Date: Mon, 10 Mar 2025 16:22:40 +0100
Subject: [PATCH] :up: Fixed the AlertCenter

---
 .../alert-layouts/NitroSystemAlertView.tsx    | 19 +++---
 .../NotificationClubGiftBubbleView.tsx        |  2 +-
 src/css/NotificationCenterView.css            | 66 +++++++++++++++++++
 src/index.tsx                                 |  1 +
 4 files changed, 79 insertions(+), 9 deletions(-)
 create mode 100644 src/css/NotificationCenterView.css

diff --git a/src/components/notification-center/views/alert-layouts/NitroSystemAlertView.tsx b/src/components/notification-center/views/alert-layouts/NitroSystemAlertView.tsx
index c626197..58db879 100644
--- a/src/components/notification-center/views/alert-layouts/NitroSystemAlertView.tsx
+++ b/src/components/notification-center/views/alert-layouts/NitroSystemAlertView.tsx
@@ -14,10 +14,7 @@ export const NitroSystemAlertView: FC<NotificationDefaultAlertViewProps> = props
     return (
         <LayoutNotificationAlertView title={ title } onClose={ onClose } { ...rest }>
             <Grid>
-                <Column center size={ 5 }>
-                    <object data="https://assets.nitrodev.co/logos/nitro-n-dark.svg" height="100" width="100">&nbsp;</object>
-                </Column>
-                <Column size={ 7 }>
+                <Column size={ 12 }>
                     <Column alignItems="center" gap={ 0 }>
                         <Text bold fontSize={ 4 }>Nitro React</Text>
                         <Text>v{ GetUIVersion() }</Text>
@@ -26,13 +23,19 @@ export const NitroSystemAlertView: FC<NotificationDefaultAlertViewProps> = props
                         <Text><b>Renderer:</b> v{ GetRendererVersion() }</Text>
                         <Column fullWidth gap={ 1 }>
                             <Button fullWidth variant="success" onClick={ event => window.open('https://discord.nitrodev.co') }>Discord</Button>
-                            <div className="flex gap-1">
-                                <Button fullWidth onClick={ event => window.open('https://git.krews.org/nitro/nitro-react') }>Git</Button>
-                                <Button fullWidth onClick={ event => window.open('https://git.krews.org/nitro/nitro-react/-/issues') }>Bug Report</Button>
-                            </div>
                         </Column>
                     </Column>
+					<div className="alertView_nitro-coolui-logo"></div>
+					<Column size={ 12 }>
+						<Column alignItems="center" gap={ 0 }>
+							<Text center bold fontSize={ 5 }>Cool UI</Text>
+							<Text>- DuckieTM (Design)</Text>
+							<Text center bold small>v3.0.0</Text>
+							<Button fullWidth onClick={ event => window.open('https://github.com/duckietm/Nitro-Cool-UI') }>Cool UI Git</Button>
+						</Column>
+					</Column>
                 </Column>
+			
             </Grid>
         </LayoutNotificationAlertView>
     );
diff --git a/src/components/notification-center/views/bubble-layouts/NotificationClubGiftBubbleView.tsx b/src/components/notification-center/views/bubble-layouts/NotificationClubGiftBubbleView.tsx
index eb52d5e..b1080a0 100644
--- a/src/components/notification-center/views/bubble-layouts/NotificationClubGiftBubbleView.tsx
+++ b/src/components/notification-center/views/bubble-layouts/NotificationClubGiftBubbleView.tsx
@@ -23,4 +23,4 @@ export const NotificationClubGiftBubbleView: FC<NotificationClubGiftBubbleViewPr
             </div>
         </LayoutNotificationBubbleView>
     );
-};
+};
\ No newline at end of file
diff --git a/src/css/NotificationCenterView.css b/src/css/NotificationCenterView.css
new file mode 100644
index 0000000..5a6bd1a
--- /dev/null
+++ b/src/css/NotificationCenterView.css
@@ -0,0 +1,66 @@
+.nitro-alert {
+    min-height: 150px;
+    max-height: 350px;
+
+    .notification-frank {
+        background-image: url('@/assets/images/notifications/frank.gif');
+        width:47px;
+        height: 85px;
+    }
+
+    .notification-text {
+        min-width: 250px;
+    }
+
+    &.nitro-alert-default,
+    &.nitro-alert-motd {
+        width: 350px;
+        .notification-text {
+            min-width: auto;
+        }
+    }
+	
+	&.nitro-alert-credits {
+        width: 370px;
+        .notification-text {
+            min-width: auto;
+        }
+    }
+
+    &.nitro-alert-moderation,
+    &.nitro-alert-alert {
+        width: 250px;
+        .notification-text {
+            min-width: 225px;
+        }
+    }
+}
+
+.nitro-notification-bubble {
+    pointer-events: all;
+    padding: 6px 5px;
+    pointer-events: all;
+    padding: 10px;
+    background-color: #212121;
+    box-shadow: inset 0 5px rgba(38,38,57,.6), inset 0 -4px rgba(25,25,37,.6);
+    font-size: .7875rem;
+    border-radius: 0.5rem;
+    font-size: 0.7875rem;
+	color: white;
+
+    .bubble-image-container {
+        width: 50px;
+        height: 50px;
+    }
+}
+.topnotifications{
+    margin-top: -6px;
+}
+
+.alertView_nitro-coolui-logo {
+	width: 150px;
+	height: 78px;
+	position: relative;
+	background-image: url("@/assets/images/notifications/coolui.png");
+	background-repeat: no-repeat;
+}
\ No newline at end of file
diff --git a/src/index.tsx b/src/index.tsx
index e90c1f9..942b40e 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -3,6 +3,7 @@ import { App } from './App';
 import './css/chats.css';
 import './css/index.css';
 import './css/loading.css';
+import './css/NotificationCenterView.css';
 import './css/PurseView.css';
 
 createRoot(document.getElementById('root')).render(<App />);