Upgrade to React 16
This commit is contained in:
@@ -1,26 +1,23 @@
|
||||
// @flow
|
||||
import React from 'react';
|
||||
import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
|
||||
import styled from 'styled-components';
|
||||
import { fadeIn } from 'shared/styles/animations';
|
||||
import Mask from './components/Mask';
|
||||
import Flex from 'shared/components/Flex';
|
||||
|
||||
export default (props: Object) => {
|
||||
export default function LoadingPlaceholder(props: Object) {
|
||||
return (
|
||||
<ReactCSSTransitionGroup
|
||||
transitionName="fadeIn"
|
||||
transitionAppearTimeout={0}
|
||||
transitionEnterTimeout={0}
|
||||
transitionLeaveTimeout={0}
|
||||
transitionAppear
|
||||
transitionEnter
|
||||
transitionLeave
|
||||
>
|
||||
<Fade>
|
||||
<Flex column auto {...props}>
|
||||
<Mask header />
|
||||
<Mask />
|
||||
<Mask />
|
||||
<Mask />
|
||||
</Flex>
|
||||
</ReactCSSTransitionGroup>
|
||||
</Fade>
|
||||
);
|
||||
};
|
||||
}
|
||||
|
||||
const Fade = styled.span`
|
||||
animation: ${fadeIn} 150ms ease-in-out;
|
||||
`;
|
||||
|
||||
Reference in New Issue
Block a user