a url that is paginated and stores a page ID may become out of date, hiding the curren

<a href="https://linear.app/highlight/issue/HIG-4738/session-loaded-doesnt-highlight-t

session loaded doesn't highlight the session picker on the left about highlight HOT 2 OPEN

Vadman97 commented on July 20, 2024 1

session loaded doesn't highlight the session picker on the left

from highlight.

Comments (2)

linear commented on July 20, 2024

HIG-4738 session loaded doesn't highlight the session picker on the left

from highlight.

greptile-apps commented on July 20, 2024

To resolve the issue where the session loaded doesn't highlight the session picker on the left, follow these steps:

Update PlayerPage.tsx:

Modify the PlayerPageBase component to include a new effect that updates the page based on the loaded session.

useEffect(() => {
  if (session) {
    const sessionIndex = sessionResults.sessions.findIndex(s => s.secure_id === session.secure_id);
    if (sessionIndex !== -1) {
      const newPage = Math.floor(sessionIndex / sessionFeedConfiguration.pageSize) + 1;
      if (newPage !== page) {
        setPage(newPage);
      }
    }
  }
}, [session, sessionResults.sessions, sessionFeedConfiguration.pageSize, page, setPage]);

Update PlayerHook.tsx:

Ensure usePlayer hook fetches the correct session page.

useEffect(() => {
  if (sessionSecureId && sessionResults.sessions.length > 0) {
    const sessionIndex = sessionResults.sessions.findIndex(s => s.secure_id === sessionSecureId);
    if (sessionIndex !== -1) {
      const newPage = Math.floor(sessionIndex / sessionFeedConfiguration.pageSize) + 1;
      if (newPage !== page) {
        setPage(newPage);
      }
    }
  }
}, [sessionSecureId, sessionResults.sessions, sessionFeedConfiguration.pageSize, page, setPage]);