oreolek/phanpy
1
0
Fork 0
Code 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

34
src/pages/status.jsx
View file

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