Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

RouterDecorator component implemented

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-07-19 16:17:43 +03:00
parent 86600df740
commit 7324f8ce16
3 changed files with 33 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
storybook/RouterDecorator/RouterDecorator.js Normal file
View file

@ -0,0 +1,21 @@
const React = require('react');
const classnames = require('classnames');
const { RoutesContainerProvider } = require('stremio-navigation/RoutesContainerContext');
const Route = require('stremio-navigation/Router/Route');
const routerStyles = require('stremio-navigation/Router/styles');
const appStyles = require('stremio/App/styles');
const styles = require('./styles');
const RouterDecorator = ({ children }) => (
<div id={'app'}>
<RoutesContainerProvider containerClassName={classnames(appStyles['router'], routerStyles['router-container'])}>
<Route>
<div className={styles['route-content-container']}>
{children}
</div>
</Route>
</RoutesContainerProvider>
</div>
);
module.exports = RouterDecorator;

3
storybook/RouterDecorator/index.js Normal file
View file

@ -0,0 +1,3 @@
const RouterDecorator = require('./RouterDecorator');
module.exports = RouterDecorator;

9
storybook/RouterDecorator/styles.less Normal file
View file

@ -0,0 +1,9 @@
.route-content-container {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
background-color: var(--color-background);
}