Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-24 16:58:47 +01:00
Code Issues Projects Releases Packages Wiki Activity

When clicked, don't use cached scroll position

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-21 19:52:51 +08:00
parent fa5a468005
commit 81170c6d05
2 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/link.jsx
View file

@ -25,6 +25,7 @@ const Link = (props) => {
class={`${props.class || ''} ${isActive ? 'is-active' : ''}`}
onClick={() => {
if (routerLocation) states.prevLocation = routerLocation;
props.onClick?.();
}}
/>
);

23
src/pages/status.jsx
View file

@ -24,6 +24,10 @@ import useTitle from '../utils/useTitle';
const LIMIT = 40;
function resetScrollPosition(id) {
delete states.scrollPositions[id];
}
function StatusPage() {
const { id } = useParams();
const location = useLocation();
@ -190,6 +194,7 @@ function StatusPage() {
console.debug('scrollPosition', scrollPosition);
if (!!scrollPosition) {
console.debug('Case 1', {
id,
scrollPosition,
});
scrollableRef.current.scrollTop = scrollPosition;
@ -420,7 +425,13 @@ function StatusPage() {
<Status statusID={statusID} withinContext size="l" />
</InView>
) : (
<Link class="status-link" to={`/s/${statusID}`}>
<Link
class="status-link"
to={`/s/${statusID}`}
onClick={() => {
resetScrollPosition(statusID);
}}
>
<Status
statusID={statusID}
withinContext
@ -521,11 +532,7 @@ function StatusPage() {
);
}
function SubComments({
hasManyStatuses,
replies,
onStatusLinkClick = () => {},
}) {
function SubComments({ hasManyStatuses, replies }) {
// If less than or 2 replies and total number of characters of content from replies is less than 500
let isBrief = false;
if (replies.length <= 2) {
@ -551,7 +558,9 @@ function SubComments({
<Link
class="status-link"
to={`/s/${r.id}`}
onClick={onStatusLinkClick}
onClick={() => {
resetScrollPosition(r.id);
}}
>
<Status statusID={r.id} withinContext size="s" />
{r.repliesCount > 0 && (