From b2660e4670e9756dc6d70e99d462b08b27f292c3 Mon Sep 17 00:00:00 2001
From: Essem <smswessem@gmail.com>
Date: Thu, 14 Mar 2024 20:51:15 -0500
Subject: [PATCH] Use a consumer for identity

---
 .../flavours/glitch/components/status.jsx     | 21 ++++++++++++-------
 .../features/ui/util/identity_consumer.jsx    | 16 ++++++++++++++
 2 files changed, 29 insertions(+), 8 deletions(-)
 create mode 100644 app/javascript/flavours/glitch/features/ui/util/identity_consumer.jsx

diff --git a/app/javascript/flavours/glitch/components/status.jsx b/app/javascript/flavours/glitch/components/status.jsx
index ad3f86c7c1..0faa6d1dbd 100644
--- a/app/javascript/flavours/glitch/components/status.jsx
+++ b/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}
             />
 
-            <StatusReactions
-              statusId={status.get('id')}
-              reactions={status.get('reactions')}
-              numVisible={visibleReactions}
-              addReaction={this.props.onReactionAdd}
-              removeReaction={this.props.onReactionRemove}
-              canReact={this.context.identity.signedIn}
-            />
+            <IdentityConsumer>
+              {identity => (
+                <StatusReactions
+                  statusId={status.get('id')}
+                  reactions={status.get('reactions')}
+                  numVisible={visibleReactions}
+                  addReaction={this.props.onReactionAdd}
+                  removeReaction={this.props.onReactionRemove}
+                  canReact={identity.signedIn}
+                />
+              )}
+            </IdentityConsumer>
 
             {(!isCollapsed || !(muted || !settings.getIn(['collapsed', 'show_action_bar']))) && (
               <StatusActionBar
diff --git a/app/javascript/flavours/glitch/features/ui/util/identity_consumer.jsx b/app/javascript/flavours/glitch/features/ui/util/identity_consumer.jsx
new file mode 100644
index 0000000000..bf7c7e70f9
--- /dev/null
+++ b/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);
+  }
+}