Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-24 16:58:47 +01:00
Code Issues Projects Releases Packages Wiki Activity

Further grouping of notifications

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-06 12:51:53 +08:00
parent fd9d09b8b2
commit fffc8cc983
2 changed files with 23 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/app.css
View file

@ -820,6 +820,14 @@ meter.donut:is(.danger, .explode):after {
filter: brightness(0.8);
}
/* AVATARS STACK */
.avatars-stack {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
@media (min-width: 40em) {
html,
body {

35
src/pages/notifications.jsx
View file

@ -112,7 +112,7 @@ function Notification({ notification }) {
</p>
)}
{_accounts?.length > 1 && (
<p>
<p class="avatars-stack">
{_accounts.map((account, i) => (
<>
<a
@ -126,7 +126,7 @@ function Notification({ notification }) {
<Avatar
url={account.avatarStatic}
size={
_accounts.length < 10
_accounts.length < 30
? 'xl'
: _accounts.length < 100
? 'l'
@ -163,28 +163,23 @@ function NotificationsList({ notifications, emptyCopy }) {
// Create new flat list of notifications
// Combine sibling notifications based on type and status id, ignore the id
// Concat all notification.account into an array of _accounts
const cleanNotifications = [
{
...notifications[0],
_accounts: [notifications[0].account],
},
];
for (let i = 1, j = 0; i < notifications.length; i++) {
const notificationsMap = {};
const cleanNotifications = [];
for (let i = 0, j = 0; i < notifications.length; i++) {
const notification = notifications[i];
const cleanNotification = cleanNotifications[j];
const { status, account, type } = notification;
if (
account &&
cleanNotification?.account &&
cleanNotification?.status?.id === status?.id &&
cleanNotification?.type === type
) {
cleanNotification._accounts.push(account);
// const cleanNotification = cleanNotifications[j];
const { status, account, type, created_at } = notification;
const createdAt = new Date(created_at).toLocaleDateString();
const key = `${status?.id}-${type}-${createdAt}`;
const mappedNotification = notificationsMap[key];
if (mappedNotification?.account) {
mappedNotification._accounts.push(account);
} else {
cleanNotifications[++j] = {
let n = (notificationsMap[key] = {
...notification,
_accounts: [account],
};
});
cleanNotifications[j++] = n;
}
}
// console.log({ notifications, cleanNotifications });