mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-18 12:52:52 +00:00
FocusedRoute context renamed to RouteFocused
This commit is contained in:
parent
443db842fb
commit
b6f275c3c8
8 changed files with 27 additions and 27 deletions
|
|
@ -1,7 +0,0 @@
|
|||
const React = require('react');
|
||||
|
||||
const FocusedRouteContext = React.createContext(false);
|
||||
|
||||
FocusedRouteContext.displayName = 'FocusedRouteContext';
|
||||
|
||||
module.exports = FocusedRouteContext;
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
const FocusedRouteContext = require('./FocusedRouteContext');
|
||||
const useFocusedRoute = require('./useFocusedRoute');
|
||||
|
||||
module.exports = {
|
||||
FocusedRouteProvider: FocusedRouteContext.Provider,
|
||||
useFocusedRoute
|
||||
};
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
const React = require('react');
|
||||
const FocusedRouteContext = require('./FocusedRouteContext');
|
||||
|
||||
const useFocusedRoute = () => {
|
||||
return React.useContext(FocusedRouteContext);
|
||||
};
|
||||
|
||||
module.exports = useFocusedRoute;
|
||||
7
src/router/RouteFocusedContext/RouteFocusedContext.js
Normal file
7
src/router/RouteFocusedContext/RouteFocusedContext.js
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
const React = require('react');
|
||||
|
||||
const RouteFocusedContext = React.createContext(false);
|
||||
|
||||
RouteFocusedContext.displayName = 'RouteFocusedContext';
|
||||
|
||||
module.exports = RouteFocusedContext;
|
||||
7
src/router/RouteFocusedContext/index.js
Normal file
7
src/router/RouteFocusedContext/index.js
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
const RouteFocusedContext = require('./RouteFocusedContext');
|
||||
const useRouteFocused = require('./useRouteFocused');
|
||||
|
||||
module.exports = {
|
||||
RouteFocusedProvider: RouteFocusedContext.Provider,
|
||||
useRouteFocused
|
||||
};
|
||||
8
src/router/RouteFocusedContext/useRouteFocused.js
Normal file
8
src/router/RouteFocusedContext/useRouteFocused.js
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
const React = require('react');
|
||||
const RouteFocusedContext = require('./RouteFocusedContext');
|
||||
|
||||
const useRouteFocused = () => {
|
||||
return React.useContext(RouteFocusedContext);
|
||||
};
|
||||
|
||||
module.exports = useRouteFocused;
|
||||
|
|
@ -3,7 +3,7 @@ const ReactIs = require('react-is');
|
|||
const PropTypes = require('prop-types');
|
||||
const classnames = require('classnames');
|
||||
const UrlUtils = require('url');
|
||||
const { FocusedRouteProvider } = require('../FocusedRouteContext');
|
||||
const { RouteFocusedProvider } = require('../RouteFocusedContext');
|
||||
const Route = require('../Route');
|
||||
|
||||
const Router = ({ className, onPathNotMatch, ...props }) => {
|
||||
|
|
@ -102,11 +102,11 @@ const Router = ({ className, onPathNotMatch, ...props }) => {
|
|||
views
|
||||
.filter(view => view !== null)
|
||||
.map(({ key, component, urlParams, queryParams }, index, views) => (
|
||||
<FocusedRouteProvider key={key} value={index === views.length - 1}>
|
||||
<RouteFocusedProvider key={key} value={index === views.length - 1}>
|
||||
<Route>
|
||||
{React.createElement(component, { urlParams, queryParams })}
|
||||
</Route>
|
||||
</FocusedRouteProvider>
|
||||
</RouteFocusedProvider>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
const { useFocusedRoute } = require('./FocusedRouteContext');
|
||||
const { useRouteFocused } = require('./RouteFocusedContext');
|
||||
const Modal = require('./Modal');
|
||||
const Router = require('./Router');
|
||||
|
||||
module.exports = {
|
||||
useFocusedRoute,
|
||||
useRouteFocused,
|
||||
Modal,
|
||||
Router
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in a new issue