agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-05-23 17:19:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #31510 from overleaf/mj-online-users-flags

Browse Source 
[web] Handle edge cases of initials in online user circles

GitOrigin-RevId: 6ee12b22fd4e89dcae1fabda2ef0e44f08306a2a
This commit is contained in:
Mathias Jakobsen
2026-02-13 09:09:46 +00:00
committed by Copybot
parent 08f2597948
commit 122ef0c130
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.tsx
View File

@@ -15,6 +15,7 @@ import classNames from 'classnames'
import { useCallback, useMemo } from 'react'
import { useTranslation } from 'react-i18next'
import { Doc } from '@ol-types/doc'
import firstCharacter from '@/shared/utils/first-character'
// Should be kept in sync with $max-user-circles-displayed CSS constant
const MAX_USER_CIRCLES_DISPLAYED = 5
@@ -92,7 +93,7 @@ const OnlineUserWidget = ({
const OnlineUserCircle = ({ user }: { user: OnlineUser }) => {
const backgroundColor = getBackgroundColorForUserId(user.user_id)
const luminance = hslStringToLuminance(backgroundColor)
const [character] = [...user.name]
const character = firstCharacter(user.name)
return (
<span
className={classNames('online-user-circle', {