Refactor initial state: reduce_motion and auto_play_gif (#5501)
This commit is contained in:
parent
e4080772b5
commit
3de22a82bf
13 changed files with 27 additions and 52 deletions
|
@ -4,11 +4,10 @@
|
|||
import React from 'react';
|
||||
import Motion from 'react-motion/lib/Motion';
|
||||
import PropTypes from 'prop-types';
|
||||
import { reduceMotion } from '../../../initial_state';
|
||||
|
||||
const stylesToKeep = ['opacity', 'backgroundOpacity'];
|
||||
|
||||
let reduceMotion;
|
||||
|
||||
const extractValue = (value) => {
|
||||
// This is either an object with a "val" property or it's a number
|
||||
return (typeof value === 'object' && value && 'val' in value) ? value.val : value;
|
||||
|
@ -26,12 +25,6 @@ class OptionalMotion extends React.Component {
|
|||
|
||||
const { style, defaultStyle, children } = this.props;
|
||||
|
||||
if (typeof reduceMotion !== 'boolean') {
|
||||
// This never changes without a page reload, so we can just grab it
|
||||
// once from the body classes as opposed to using Redux's connect(),
|
||||
// which would unnecessarily update every state change
|
||||
reduceMotion = document.body.classList.contains('reduce-motion');
|
||||
}
|
||||
if (reduceMotion) {
|
||||
Object.keys(style).forEach(key => {
|
||||
if (stylesToKeep.includes(key)) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue