aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/ui/effects/Appear.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/ui/effects/Appear.js')
-rw-r--r--src/components/ui/effects/Appear.js47
1 files changed, 0 insertions, 47 deletions
diff --git a/src/components/ui/effects/Appear.js b/src/components/ui/effects/Appear.js
deleted file mode 100644
index fc319fe28..000000000
--- a/src/components/ui/effects/Appear.js
+++ /dev/null
@@ -1,47 +0,0 @@
1import { Component } from 'react';
2import PropTypes from 'prop-types';
3import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
4
5export default class Appear extends Component {
6 static propTypes = {
7 // eslint-disable-next-line react/forbid-prop-types
8 children: PropTypes.any.isRequired,
9 transitionName: PropTypes.string,
10 className: PropTypes.string,
11 };
12
13 static defaultProps = {
14 transitionName: 'fadeIn',
15 className: '',
16 };
17
18 state = {
19 mounted: false,
20 };
21
22 componentDidMount() {
23 this.setState({ mounted: true });
24 }
25
26 render() {
27 const { children, transitionName, className } = this.props;
28
29 if (!this.state.mounted) {
30 return null;
31 }
32
33 return (
34 <ReactCSSTransitionGroup
35 transitionName={transitionName}
36 transitionAppear
37 transitionLeave
38 transitionAppearTimeout={1500}
39 transitionEnterTimeout={1500}
40 transitionLeaveTimeout={1500}
41 className={className}
42 >
43 {children}
44 </ReactCSSTransitionGroup>
45 );
46 }
47}