Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-03-21 18:04:39 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Close mobile panel on notification click
Some checks are pending
E2E Tests / e2e (push) Waiting to run
Details
Tests and checks on push / run-checks-and-tests (push) Waiting to run
Details
Updates translation progress / update-translation-progress-issue (push) Waiting to run
Details

Browse Source
This commit is contained in:
hfcRed 2026-03-20 04:59:36 +01:00
parent 2b53d38c63
commit 0e88532f3a
2 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/components/layout/NotificationPopover.tsx
View File

@ -76,6 +76,7 @@ export function NotificationContent({
<NotificationItem
key={notification.id}
notification={notification}
onClose={onClose}
/>
{i !== notifications.length - 1 && <NotificationItemDivider />}
</React.Fragment>

3
app/features/notifications/components/NotificationList.tsx
View File

@ -18,8 +18,10 @@ export function NotificationsList({ children }: { children: React.ReactNode }) {
export function NotificationItem({
notification,
onClose,
}: {
notification: LoaderNotification;
onClose?: () => void;
}) {
const { t, i18n } = useTranslation(["common"]);
@ -28,6 +30,7 @@ export function NotificationItem({
to={notificationLink(notification)}
className={styles.item}
data-testid="notification-item"
onClick={onClose}
>
<NotificationImage notification={notification}>
{!notification.seen ? <div className={styles.unseenDot} /> : null}