yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Improved loading jank fix, new DelayedMount component

Browse Source
This commit is contained in:
Tom Moor
2020-08-10 21:30:12 -07:00
parent 5ddc4000d0
commit 6e61df0729
3 changed files with 43 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/components/LoadingPlaceholder/LoadingPlaceholder.js
View File

@@ -1,21 +1,24 @@
// @flow
import * as React from "react";
import styled from "styled-components";
import DelayedMount from "components/DelayedMount";
import Fade from "components/Fade";
import Flex from "components/Flex";
import Mask from "components/Mask";
export default function LoadingPlaceholder(props: Object) {
return (
<Wrapper>
<Flex column auto {...props}>
<Mask height={34} />
<br />
<Mask />
<Mask />
<Mask />
</Flex>
</Wrapper>
<DelayedMount>
<Wrapper>
<Flex column auto {...props}>
<Mask height={34} />
<br />
<Mask />
<Mask />
<Mask />
</Flex>
</Wrapper>
</DelayedMount>
);
}