gsadmin/meet
1
0
Fork 0
mirror of https://github.com/suitenumerique/meet.git synced 2026-08-30 12:09:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

⚡️(frontend) memoize the EffectsButton

Browse Source 
Memoize the EffectsButton so it does not re-render on unrelated
parent updates when its props have not changed.
This commit is contained in:
lebaudantoine
2026-07-23 21:36:18 +02:00
committed by aleb_the_flash
parent 73aa162dc8
commit a663b4dc76
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/frontend/src/features/participantTile/components/participantTileFocus/EffectsButton.tsx
+5 -2
View File
@@ -1,9 +1,10 @@
import React from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { useSidePanel } from '@/features/rooms/livekit/hooks/useSidePanel' import { useSidePanel } from '@/features/rooms/livekit/hooks/useSidePanel'
import { Button } from '@/primitives' import { Button } from '@/primitives'
import { RiImageCircleAiFill } from '@remixicon/react' import { RiImageCircleAiFill } from '@remixicon/react'
export const EffectsButton = () => { export const EffectsButton = React.memo(() => {
const { t } = useTranslation('rooms', { keyPrefix: 'participantTileFocus' }) const { t } = useTranslation('rooms', { keyPrefix: 'participantTileFocus' })
const { isEffectsOpen, toggleEffects } = useSidePanel() const { isEffectsOpen, toggleEffects } = useSidePanel()
return ( return (
@@ -17,4 +18,6 @@ export const EffectsButton = () => {
<RiImageCircleAiFill /> <RiImageCircleAiFill />
</Button> </Button>
) )
} })
EffectsButton.displayName = 'EffectsButton'