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

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

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

* fix tests
This commit is contained in:
41666 2021-03-23 00:00:34 -04:00 • committed by GitHub
parent a5f819bc3e
commit 57d83699d5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 272 additions and 80 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(),