roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-17 18:09:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(design-system): redesign tab-view around quick nav

Browse source
This commit is contained in:
41666 2021-03-22 23:45:38 -04:00
parent a5f819bc3e
commit 2b7b245a0d
10 changed files with 268 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

7
packages/design-system/atoms/breakpoints/BreakpointProvider.tsx
View file

@ -28,6 +28,10 @@ export class BreakpointsProvider extends React.Component<{}, ScreenSize> {
Object.entries(this.mediaQueries).forEach(([key, mediaQuery]) =>
mediaQuery.addEventListener('change', this.handleMediaEvent)
);
this.handleMediaEvent();
setTimeout(() => this.handleMediaEvent(), 0);
setTimeout(() => this.handleMediaEvent(), 10);
}
componentWillUnmount() {
@ -36,8 +40,7 @@ export class BreakpointsProvider extends React.Component<{}, ScreenSize> {
);
}
handleMediaEvent = (event: MediaQueryListEvent) => {
console.log('handleMediaEvent', { event });
handleMediaEvent = () => {
this.setState({
...resetScreen,
...this.calculateScreen(),