diff --git a/src/common/index.js b/src/common/index.js index 4a6924e45..02f8ac9ab 100644 --- a/src/common/index.js +++ b/src/common/index.js @@ -36,7 +36,7 @@ const useDeepEqualMemo = require('./useDeepEqualMemo'); const useDeepEqualState = require('./useDeepEqualState'); const useFullscreen = require('./useFullscreen'); const useLiveRef = require('./useLiveRef'); -const { withGetInitState, useModelState } = require('./useModelState'); +const { withModelSuspender, useModelState } = require('./useModelState'); const useOnScrollToBottom = require('./useOnScrollToBottom'); const useProfile = require('./useProfile'); const useStreamingServer = require('./useStreamingServer'); @@ -80,7 +80,7 @@ module.exports = { useDeepEqualState, useFullscreen, useLiveRef, - withGetInitState, + withModelSuspender, useModelState, useOnScrollToBottom, useProfile, diff --git a/src/common/useModelState.js b/src/common/useModelState.js index 2b9584874..9158beec1 100644 --- a/src/common/useModelState.js +++ b/src/common/useModelState.js @@ -6,9 +6,9 @@ const isEqual = require('lodash.isequal'); const { useRouteFocused } = require('stremio-router'); const { useServices } = require('stremio/services'); -const GetInitStateContext = React.createContext(); +const ModelSuspenderContext = React.createContext(); -GetInitStateContext.displayName = 'GetInitStateContext'; +ModelSuspenderContext.displayName = 'ModelSuspenderContext'; function wrapPromise(promise) { let status = 'pending'; @@ -36,8 +36,8 @@ function wrapPromise(promise) { }; } -const withGetInitState = (Component, Fallback = () => { }) => { - return function WithGetInitState(props) { +const withModelSuspender = (Component, Fallback = () => { }) => { + return function WithModelSuspender(props) { const { core } = useServices(); const initStateRef = React.useRef({}); const getInitState = React.useCallback((model) => { @@ -49,9 +49,9 @@ const withGetInitState = (Component, Fallback = () => { }) => { }, []); return ( }> - + - + ); }; @@ -64,7 +64,7 @@ const useModelState = ({ action, ...args }) => { const [model, timeout, map] = React.useMemo(() => { return [args.model, args.timeout, args.map]; }, []); - const getInitState = React.useContext(GetInitStateContext); + const getInitState = React.useContext(ModelSuspenderContext); const [state, setState] = React.useReducer( (prevState, nextState) => { return Object.keys(prevState).reduce((result, key) => { @@ -123,6 +123,6 @@ const useModelState = ({ action, ...args }) => { }; module.exports = { - withGetInitState, + withModelSuspender, useModelState };