duckietm/Nitro-Cool-UI
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-Cool-UI.git synced 2025-06-21 14:26:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

🆙 Fix the NitroSystemAlert -> A key prop is being spread into a JSX element

Browse Source
This commit is contained in:
duckietm 2025-03-07 10:42:06 +01:00
parent 6144d2c3b8
commit dd323e2ce6
3 changed files with 14 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/notification-center/NotificationCenterView.tsx
View File

@ -14,55 +14,28 @@ export const NotificationCenterView: FC<{}> = props =>
{
if(!alerts || !alerts.length) return null;
const elements: ReactNode[] = [];
for(const alert of alerts)
{
const element = GetAlertLayout(alert, () => closeAlert(alert));
elements.push(element);
}
return elements;
return alerts.map((alert) => GetAlertLayout(alert, () => closeAlert(alert)));
}, [ alerts, closeAlert ]);
const getBubbleAlerts = useMemo(() =>
{
if(!bubbleAlerts || !bubbleAlerts.length) return null;
const elements: ReactNode[] = [];
for(const alert of bubbleAlerts)
{
return bubbleAlerts.map((alert) => {
const element = GetBubbleLayout(alert, () => closeBubbleAlert(alert));
if(alert.notificationType === NotificationBubbleType.CLUBGIFT)
{
elements.unshift(element);
continue;
return element;
}
elements.push(element);
}
return elements;
return element;
});
}, [ bubbleAlerts, closeBubbleAlert ]);
const getConfirms = useMemo(() =>
{
if(!confirms || !confirms.length) return null;
const elements: ReactNode[] = [];
for(const confirm of confirms)
{
const element = GetConfirmLayout(confirm, () => closeConfirm(confirm));
elements.push(element);
}
return elements;
return confirms.map((confirm) => GetConfirmLayout(confirm, () => closeConfirm(confirm)));
}, [ confirms, closeConfirm ]);
return (
@ -74,4 +47,4 @@ export const NotificationCenterView: FC<{}> = props =>
{ getAlerts }
</>
);
}
}

11
src/components/notification-center/views/alert-layouts/GetAlertLayout.tsx
View File

@ -7,15 +7,16 @@ export const GetAlertLayout = (item: NotificationAlertItem, onClose: () => void)
{
if(!item) return null;
const props = { key: item.id, item, onClose };
const key = item.id;
const props = { item, onClose };
switch(item.alertType)
{
case NotificationAlertType.NITRO:
return <NitroSystemAlertView { ...props } />
return <NitroSystemAlertView key={key} {...props} />;
case NotificationAlertType.SEARCH:
return <NotificationSeachAlertView { ...props } />
return <NotificationSeachAlertView key={key} {...props} />;
default:
return <NotificationDefaultAlertView { ...props } />
return <NotificationDefaultAlertView key={key} {...props} />;
}
}
}

2
src/components/notification-center/views/alert-layouts/NitroSystemAlertView.tsx
View File

@ -38,7 +38,7 @@ export const NitroSystemAlertView: FC<NotificationDefaultAlertViewProps> = props
<Text>- DuckieTM (Re-Design)</Text>
<Text>- Jonas (Contributing)</Text>
<Text>- Ohlucas (Sunset resources)</Text>
<Text center bold small>v1.2.0</Text>
<Text center bold small>v1.5.0</Text>
<Button fullWidth onClick={ event => window.open('https://git.krews.org/nitro/nitro-react') }>Cool UI Git</Button>
</Column>
</Column>