Notification menu patch (#1701)

* Add href links to notification menu entries

* Add href link to notification page

* 2nd try
This commit is contained in:
Rave | 図書館猫 2022-06-16 15:56:39 +02:00 committed by GitHub
parent 4d849a4821
commit 70dad5e057
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -21,6 +21,7 @@ import UriIndicator from 'component/uriIndicator';
import { generateNotificationTitle } from '../notification/helpers/title';
import { generateNotificationText } from '../notification/helpers/text';
import { parseURI } from 'util/lbryURI';
import { NavLink } from 'react-router-dom';
type Props = {
notifications: Array<Notification>,
@ -109,12 +110,21 @@ export default function NotificationHeaderButton(props: Props) {
readNotification([id]);
}
let notificationLink = formatLbryUrlForWeb(notification_parameters.device.target);
if (notification_parameters.dynamic.hash) {
if (notification_parameters.dynamic?.hash) {
notificationLink += '?lc=' + notification_parameters.dynamic.hash + '&view=discussion';
}
push(notificationLink);
}
function getWebUri(notification) {
const { notification_parameters } = notification;
let notificationLink = formatLbryUrlForWeb(notification_parameters.device.target);
if (notification_parameters.dynamic?.hash) {
notificationLink += '?lc=' + notification_parameters.dynamic.hash + '&view=discussion';
}
return notificationLink;
}
function menuEntry(notification) {
const { id, active_at, notification_rule, notification_parameters, is_read, type } = notification;
@ -163,7 +173,7 @@ export default function NotificationHeaderButton(props: Props) {
}
return (
<a onClick={() => handleNotificationClick(notification)} key={id}>
<NavLink onClick={() => handleNotificationClick(notification)} key={id} to={getWebUri(notification)}>
<div
className={is_read ? 'menu__list--notification' : 'menu__list--notification menu__list--notification-unread'}
key={id}
@ -187,7 +197,7 @@ export default function NotificationHeaderButton(props: Props) {
<Icon icon={ICONS.DELETE} sectionIcon />
</div>
</div>
</a>
</NavLink>
);
}
@ -218,9 +228,9 @@ export default function NotificationHeaderButton(props: Props) {
)}
</div>
<a onClick={handleMenuClick}>
<NavLink onClick={handleMenuClick} to={`/$/${PAGES.NOTIFICATIONS}`}>
<div className="menu__list--notifications-more">{__('View all')}</div>
</a>
</NavLink>
</MuiMenu>
</ClickAwayListener>
</>