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

Test fix scroll position when opening media on the side

Browse source
This commit is contained in:
Lim Chee Aun 2023-10-27 14:16:38 +08:00
parent 6dd6e0e77c
commit 372e86415b
1 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/pages/status.jsx
View file

@ -167,6 +167,7 @@ function StatusPage(params) {
function StatusThread({ id, closeLink = '/', instance: propInstance }) { function StatusThread({ id, closeLink = '/', instance: propInstance }) {
const [searchParams, setSearchParams] = useSearchParams(); const [searchParams, setSearchParams] = useSearchParams();
const mediaParam = searchParams.get('media'); const mediaParam = searchParams.get('media');
const mediaStatusID = searchParams.get('mediaStatusID');
const showMedia = parseInt(mediaParam, 10) > 0; const showMedia = parseInt(mediaParam, 10) > 0;
const firstLoad = useRef(!states.prevLocation && history.length === 1); const firstLoad = useRef(!states.prevLocation && history.length === 1);
const [viewMode, setViewMode] = useState( const [viewMode, setViewMode] = useState(
@ -657,6 +658,23 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) {
resetScrollPosition(status.id); resetScrollPosition(status.id);
}, []); }, []);
useEffect(() => {
let timer;
if (mediaStatusID && showMedia) {
timer = setTimeout(() => {
const status = scrollableRef.current?.querySelector(
`.status-link[href*="/${mediaStatusID}"]`,
);
if (status) {
status.scrollIntoView(scrollIntoViewOptions);
}
}, 400); // After CSS transition
}
return () => {
clearTimeout(timer);
};
}, [mediaStatusID, showMedia]);
const renderStatus = useCallback( const renderStatus = useCallback(
(status) => { (status) => {
const { const {