Use a consumer for identity

app/javascript/flavours/glitch/components/status.jsx

@@ -20,6 +20,7 @@ import Card from '../features/status/components/card';
 // to use the progress bar to show download progress
 import Bundle from '../features/ui/components/bundle';
 import { MediaGallery, Video, Audio } from '../features/ui/util/async-components';
+import { IdentityConsumer } from '../features/ui/util/identity_consumer';
 import { SensitiveMediaContext } from '../features/ui/util/sensitive_media_context';
 import { displayMedia, visibleReactions } from '../initial_state';
 
@@ -845,14 +846,18 @@ class Status extends ImmutablePureComponent {
               {...statusContentProps}
             />
 
+            <IdentityConsumer>
+              {identity => (
                 <StatusReactions
                   statusId={status.get('id')}
                   reactions={status.get('reactions')}
                   numVisible={visibleReactions}
                   addReaction={this.props.onReactionAdd}
                   removeReaction={this.props.onReactionRemove}
-              canReact={this.context.identity.signedIn}
+                  canReact={identity.signedIn}
                 />
+              )}
+            </IdentityConsumer>
 
             {(!isCollapsed || !(muted || !settings.getIn(['collapsed', 'show_action_bar']))) && (
               <StatusActionBar

app/javascript/flavours/glitch/features/ui/util/identity_consumer.jsx

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+import { PureComponent } from 'react';
+
+export class IdentityConsumer extends PureComponent {
+  static contextTypes = {
+    identity: PropTypes.object
+  };
+
+  static propTypes = {
+    children: PropTypes.func.isRequired
+  };
+
+  render() {
+    return this.props.children(this.context.identity);
+  }
+}