mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-18 12:52:52 +00:00
update section id when settings get focused
This commit is contained in:
parent
b62ae9a5d7
commit
6110637d31
1 changed files with 7 additions and 3 deletions
|
|
@ -2,6 +2,7 @@ const React = require('react');
|
|||
const classnames = require('classnames');
|
||||
const throttle = require('lodash.throttle');
|
||||
const Icon = require('stremio-icons/dom');
|
||||
const { useRouteFocused } = require('stremio-router');
|
||||
const { useServices } = require('stremio/services');
|
||||
const { Button, Checkbox, MainNavBars, Multiselect, ColorInput, useProfile } = require('stremio/common');
|
||||
const useStreamingServer = require('./useStreamingServer');
|
||||
|
|
@ -15,6 +16,7 @@ const STREAMING_SECTION = 'streaming';
|
|||
|
||||
const Settings = () => {
|
||||
const { core } = useServices();
|
||||
const { routeFocused } = useRouteFocused();
|
||||
const profile = useProfile();
|
||||
const streamingServer = useStreamingServer();
|
||||
const {
|
||||
|
|
@ -95,9 +97,11 @@ const Settings = () => {
|
|||
const sectionsContainerOnScorll = React.useCallback(throttle(() => {
|
||||
updateSelectedSectionId();
|
||||
}, 50), []);
|
||||
React.useEffect(() => {
|
||||
updateSelectedSectionId();
|
||||
}, []);
|
||||
React.useLayoutEffect(() => {
|
||||
if (routeFocused) {
|
||||
updateSelectedSectionId();
|
||||
}
|
||||
}, [routeFocused]);
|
||||
return (
|
||||
<MainNavBars className={styles['settings-container']} route={'settings'}>
|
||||
<div className={styles['settings-content']}>
|
||||
|
|
|
|||
Loading…
Reference in a new issue