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

🆙 Fix wear badge in popup

Browse Source
This commit is contained in:
duckietm
2026-05-12 10:54:01 +02:00
parent cdf8d929e1
commit 53f41cdbe9
2 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/layout/LayoutNotificationBubbleView.tsx
+1 -1
View File
@@ -16,7 +16,7 @@ export const LayoutNotificationBubbleView: FC<LayoutNotificationBubbleViewProps>
const getClassNames = useMemo(() =>
{
const newClassNames: string[] = [ 'text-sm bg-[#1c1c20f2] px-[5px] py-[6px] [box-shadow:inset_0_5px_#22222799,inset_0_-4px_#12121599] ', 'rounded' ];
const newClassNames: string[] = [ 'pointer-events-auto text-sm bg-[#1c1c20f2] px-[5px] py-[6px] [box-shadow:inset_0_5px_#22222799,inset_0_-4px_#12121599] ', 'rounded' ];
if(classNames.length) newClassNames.push(...classNames);
src/components/notification-center/views/bubble-layouts/NotificationBadgeReceivedBubbleView.tsx
+17 -13
View File
@@ -12,21 +12,24 @@ export interface NotificationBadgeReceivedBubbleViewProps extends LayoutNotifica
export const NotificationBadgeReceivedBubbleView: FC<NotificationBadgeReceivedBubbleViewProps> = props =>
{
const { item = null, onClose = null, ...rest } = props;
const { badgeCodes = [], toggleBadge = null } = useInventoryBadges();
const { activeBadgeCodes = [], toggleBadge = null, isWearingBadge = null, canWearBadges = null } = useInventoryBadges();
useEffect(() =>
{
if(badgeCodes.length === 0) SendMessageComposer(new RequestBadgesComposer());
}, []);
if(activeBadgeCodes.length === 0) SendMessageComposer(new RequestBadgesComposer());
}, [ activeBadgeCodes.length ]);
const badgeCode = item?.linkUrl ?? null;
const isLoaded = activeBadgeCodes.length > 0;
const alreadyWearing = !!badgeCode && !!isWearingBadge && isWearingBadge(badgeCode);
const slotsAvailable = !!canWearBadges && canWearBadges();
const canShowWearButton = !!badgeCode && isLoaded && !alreadyWearing && slotsAvailable;
const handleWear = (event: React.MouseEvent) =>
{
event.stopPropagation();
if(item.linkUrl)
{
toggleBadge(item.linkUrl);
}
if(canShowWearButton && toggleBadge) toggleBadge(badgeCode);
if(onClose) onClose();
};
@@ -54,12 +57,13 @@ export const NotificationBadgeReceivedBubbleView: FC<NotificationBadgeReceivedBu
</Flex>
</Flex>
<Flex alignItems="center" justifyContent="end" gap={ 2 }>
<button
className="btn btn-success w-full btn-sm"
type="button"
onClick={ handleWear }>
{ LocalizeText('inventory.badges.wearbadge') }
</button>
{ canShowWearButton &&
<button
className="btn btn-success w-full btn-sm"
type="button"
onClick={ handleWear }>
{ LocalizeText('inventory.badges.wearbadge') }
</button> }
<span className="underline cursor-pointer text-nowrap" onClick={ handleDismiss }>
{ LocalizeText('notifications.button.later') }
</span>