Permalink
Browse files

fix(Appear): When server side rendering and Appear is visible, add th…

…e appear class so on first load it transitions in
  • Loading branch information...
HHogg committed Jun 13, 2018
1 parent 459b470 commit 153629ab97136aa482b3232b3f4c883dff8d3eee
Showing with 5 additions and 1 deletion.
  1. +5 −1 src/Appear/Appear.js
@@ -50,7 +50,11 @@ export default class Appear extends Component {

render() {
const { animation, className, delay, time, visible, ...rest } = this.props;
const classes = classnames(className, 'Appear', `Appear--${animation}`, `Appear--${time}`);

const classes = classnames(className, 'Appear', `Appear--${animation}`, `Appear--${time}`, {
[`Appear--${animation}-appear`]: !isClient && visible,
});

const transition = {
appear: `Appear--${animation}-appear`,
appearActive: `Appear--${animation}-appear-active`,

0 comments on commit 153629a

Please sign in to comment.