Bug (with solution PR): Video Category's Chevron Icons update late based on click event

[abhiram11]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

Note: I have also issued a Pull Request based on this Bug, please consider it after inspecting this bug report. Thanks!

The Category scroll bar does not update (hide/show) its ChevronRightOutline or ChevronLeftOutline as scrolling is done by updating the useRef.

Here's how the UI Normally looks:

Here's how it looks after we click on > ONCE, the Red box indicates that the < icon should already be visible now:

Here's how it looks RIGHT AFTER we reach the end of the scroll list, the red box indicates that the > icon should already disappear now:

Expected Behavior

The expected behavior (as also shown as a solution in my PR) is that the < and > icons are displayed correctly and not after one more (unnecessary) click event to be done to update/re-render the UI.

This is how the proposed solution in my PR looks like:

The URL shows the difference between the current behavior (lenstube) and the expected behavior (localhost)

2023-02-18.02-57-54.mp4

Steps To Reproduce

The original website currently shows the same behavior, kindly click on the > and < of the category section to see the bug.

What platform(s) does this occur on?

Web

What browser(s) does this occur on?

Chrome

Anything else?

No response

[sasicodes]

Great catch!