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

Show remaining count if exceed the avatars limit

Browse source
This commit is contained in:
Lim Chee Aun 2023-09-16 23:42:49 +08:00
parent 887503e40b
commit dafff4b635
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/notification.jsx
View file

@ -61,6 +61,8 @@ const contentText = {
'admin.report': 'reported a post.',
};
const AVATARS_LIMIT = 50;
function Notification({ notification, instance, reload, isStatic }) {
const { id, status, account, _accounts, _statuses } = notification;
let { type } = notification;
@ -207,7 +209,7 @@ function Notification({ notification, instance, reload, isStatic }) {
)}
{_accounts?.length > 1 && (
<p class="avatars-stack">
{_accounts.slice(0, 50).map((account, i) => (
{_accounts.slice(0, AVATARS_LIMIT).map((account, i) => (
<>
<a
href={account.url}
@ -254,6 +256,8 @@ function Notification({ notification, instance, reload, isStatic }) {
class="small plain"
onClick={handleOpenGenericAccounts}
>
{_accounts.length > AVATARS_LIMIT &&
`+${_accounts.length - AVATARS_LIMIT}`}
<Icon icon="chevron-down" />
</button>
</p>