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

Handle very-popular cases

Browse source 
- Shorten number
- Limit avatars to 50 since we have the Accounts sheet now
This commit is contained in:
Lim Chee Aun 2023-09-12 18:50:46 +08:00
parent 3fc3641437
commit 641d274d7b
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/notification.jsx
View file

@ -1,3 +1,4 @@
import shortenNumber from '../utils/shorten-number';
import states from '../utils/states';
import store from '../utils/store';
@ -169,7 +170,10 @@ function Notification({ notification, instance, reload, isStatic }) {
{_accounts?.length > 1 ? (
<>
<b tabIndex="0" onClick={handleOpenGenericAccounts}>
{_accounts.length} people
<span title={_accounts.length}>
{shortenNumber(_accounts.length)}
</span>{' '}
people
</b>{' '}
</>
) : (
@ -203,7 +207,7 @@ function Notification({ notification, instance, reload, isStatic }) {
)}
{_accounts?.length > 1 && (
<p class="avatars-stack">
{_accounts.map((account, i) => (
{_accounts.slice(0, 50).map((account, i) => (
<>
<a
href={account.url}
@ -219,11 +223,11 @@ function Notification({ notification, instance, reload, isStatic }) {
size={
_accounts.length <= 10
? 'xxl'
: _accounts.length < 100
: _accounts.length < 20
? 'xl'
: _accounts.length < 1000
: _accounts.length < 30
? 'l'
: _accounts.length < 2000
: _accounts.length < 40
? 'm'
: 's' // My god, this person is popular!
}