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

Use useCallback for this

Browse source
This commit is contained in:
Lim Chee Aun 2023-09-10 15:31:51 +08:00
parent 71f177bebe
commit 98e82a68fd
1 changed files with 18 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/pages/status.jsx
View file

@ -110,16 +110,7 @@ function StatusPage(params) {
? mediaStatus?.mediaAttachments ? mediaStatus?.mediaAttachments
: heroStatus?.mediaAttachments; : heroStatus?.mediaAttachments;
return ( const handleMediaClose = useCallback(() => {
<div class="deck-backdrop">
{showMedia ? (
mediaAttachments?.length ? (
<MediaModal
mediaAttachments={mediaAttachments}
statusID={mediaStatusID || id}
instance={instance}
index={mediaIndex - 1}
onClose={() => {
if ( if (
!window.matchMedia('(min-width: calc(40em + 350px))').matches && !window.matchMedia('(min-width: calc(40em + 350px))').matches &&
snapStates.prevLocation snapStates.prevLocation
@ -134,7 +125,18 @@ function StatusPage(params) {
setSearchParams(searchParams); setSearchParams(searchParams);
} }
} }
}} }, [showMediaOnly, closeLink, snapStates.prevLocation]);
return (
<div class="deck-backdrop">
{showMedia ? (
mediaAttachments?.length ? (
<MediaModal
mediaAttachments={mediaAttachments}
statusID={mediaStatusID || id}
instance={instance}
index={mediaIndex - 1}
onClose={handleMediaClose}
/> />
) : ( ) : (
<div class="media-modal-container loading"> <div class="media-modal-container loading">