FocusedRoute context renamed to RouteFocused

This commit is contained in:
NikolaBorislavovHristov 2019-10-14 15:15:03 +03:00
parent 443db842fb
commit b6f275c3c8
8 changed files with 27 additions and 27 deletions

View file

@ -1,7 +0,0 @@
const React = require('react');
const FocusedRouteContext = React.createContext(false);
FocusedRouteContext.displayName = 'FocusedRouteContext';
module.exports = FocusedRouteContext;

View file

@ -1,7 +0,0 @@
const FocusedRouteContext = require('./FocusedRouteContext');
const useFocusedRoute = require('./useFocusedRoute');
module.exports = {
FocusedRouteProvider: FocusedRouteContext.Provider,
useFocusedRoute
};

View file

@ -1,8 +0,0 @@
const React = require('react');
const FocusedRouteContext = require('./FocusedRouteContext');
const useFocusedRoute = () => {
return React.useContext(FocusedRouteContext);
};
module.exports = useFocusedRoute;

View file

@ -0,0 +1,7 @@
const React = require('react');
const RouteFocusedContext = React.createContext(false);
RouteFocusedContext.displayName = 'RouteFocusedContext';
module.exports = RouteFocusedContext;

View file

@ -0,0 +1,7 @@
const RouteFocusedContext = require('./RouteFocusedContext');
const useRouteFocused = require('./useRouteFocused');
module.exports = {
RouteFocusedProvider: RouteFocusedContext.Provider,
useRouteFocused
};

View file

@ -0,0 +1,8 @@
const React = require('react');
const RouteFocusedContext = require('./RouteFocusedContext');
const useRouteFocused = () => {
return React.useContext(RouteFocusedContext);
};
module.exports = useRouteFocused;

View file

@ -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>

View file

@ -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
};