From: Thibaut Girka <thib@sitedethib.com>
Date: Sun, 16 Dec 2018 12:34:01 +0000 (+0100)
Subject: [Glitch] Make animated header resoect `auto_play_gif`
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=89e4ac67c87e919bf382c8ab57b5a92aa99b206c;p=mastodon.git

[Glitch] Make animated header resoect `auto_play_gif`

Port part of 7c48688d85d0ab64501cea6b8a516867a786bb4c to glitch-soc
---

diff --git a/app/javascript/flavours/glitch/features/account/components/header.js b/app/javascript/flavours/glitch/features/account/components/header.js
index f0d36947d..dc5b1447b 100644
--- a/app/javascript/flavours/glitch/features/account/components/header.js
+++ b/app/javascript/flavours/glitch/features/account/components/header.js
@@ -7,7 +7,7 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 import Avatar from 'flavours/glitch/components/avatar';
 import IconButton from 'flavours/glitch/components/icon_button';
 
-import { me } from 'flavours/glitch/util/initial_state';
+import { autoPlayGif, me } from 'flavours/glitch/util/initial_state';
 import classNames from 'classnames';
 
 const messages = defineMessages({
@@ -108,7 +108,7 @@ export default class Header extends ImmutablePureComponent {
 
     return (
       <div className='account__header__wrapper'>
-        <div className={classNames('account__header', { inactive: !!account.get('moved') })} style={{ backgroundImage: `url(${account.get('header')})` }}>
+        <div className={classNames('account__header', { inactive: !!account.get('moved') })} style={{ backgroundImage: `url(${autoPlayGif ? account.get('header') : account.get('header_static')})` }}>
           <div>
             <a
               href={account.get('url')}