moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Pull reduceMotion from Redux store

This commit is contained in:
Alex Gleason 2020-05-28 20:50:53 -05:00
parent f451b81e25
commit c5886508eb
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/soapbox/features/ui/util/optional_motion.js
View File

@ -1,5 +1,20 @@
import { reduceMotion } from '../../../initial_state'; import React from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import ReducedMotion from './reduced_motion'; import ReducedMotion from './reduced_motion';
import Motion from 'react-motion/lib/Motion'; import Motion from 'react-motion/lib/Motion';
import { getSettings } from 'soapbox/actions/settings';
export default reduceMotion ? ReducedMotion : Motion; const mapStateToProps = state => ({
reduceMotion: getSettings(state).get('reduceMotion'),
});
const OptionalMotion = props => (
props.reduceMotion ? <ReducedMotion {...props} /> : <Motion {...props} />
);
OptionalMotion.propTypes = {
reduceMotion: PropTypes.bool,
};
export default connect(mapStateToProps)(OptionalMotion);