Code refactor

Signed-off-by: Šimon Brandner <[email protected]>

Author: SimonBrandner

src/components/views/emojipicker/ReactionPicker.tsx

@@ -26,7 +26,6 @@ import dis from "../../../dispatcher/dispatcher";
 import { Action } from '../../../dispatcher/actions';
 import RoomContext from "../../../contexts/RoomContext";
 import { FocusComposerPayload } from '../../../dispatcher/payloads/FocusComposerPayload';
-import { canRedact } from "../../../utils/EventUtils";
 
 interface IProps {
     mxEvent: MatrixEvent;
@@ -97,7 +96,7 @@ class ReactionPicker extends React.Component<IProps, IState> {
         const roomId = this.props.mxEvent.getRoomId();
         const myReactions = this.getReactions();
         if (myReactions.hasOwnProperty(reaction)) {
-            if (!canRedact(roomId, myReactions[reaction])) return;
+            if (this.props.mxEvent.isRedacted() || !this.context.canSelfRedact) return;
 
             MatrixClientPeg.get().redactEvent(roomId, myReactions[reaction].getId());
             dis.dispatch<FocusComposerPayload>({
@@ -124,10 +123,11 @@ class ReactionPicker extends React.Component<IProps, IState> {
     };
 
     private isEmojiDisabled = (unicode: string): boolean => {
-        const reaction = this.getReactions()[unicode];
+        if (!this.getReactions()[unicode]) return false;
+        if (this.props.mxEvent.isRedacted()) return false;
+        if (this.context.canSelfRedact) return false;
 
-        if (!reaction) return false;
-        return !canRedact(this.props.mxEvent.getRoomId(), reaction);
+        return true;
     };
 
     render() {

src/components/views/messages/ReactionsRow.tsx

@@ -160,6 +160,7 @@ export default class ReactionsRow extends React.PureComponent<IProps, IState> {
     render() {
         const { mxEvent, reactions } = this.props;
         const { myReactions, showAll } = this.state;
+        console.log(`LOG rendering ${isContentActionable(mxEvent)}; ${reactions}`);
 
         if (!reactions || !isContentActionable(mxEvent)) {
             return null;
@@ -183,7 +184,10 @@ export default class ReactionsRow extends React.PureComponent<IProps, IState> {
                 mxEvent={mxEvent}
                 reactionEvents={events}
                 myReactionEvent={myReactionEvent}
-                disabled={!this.context.canReact}
+                disabled={(
+                    !this.context.canReact ||
+                    (myReactionEvent && !myReactionEvent.isRedacted() && this.context.canSelfRedact)
+                )}
             />;
         }).filter(item => !!item);
 

src/components/views/messages/ReactionsRowButton.tsx

@@ -24,7 +24,6 @@ import dis from "../../../dispatcher/dispatcher";
 import ReactionsRowButtonTooltip from "./ReactionsRowButtonTooltip";
 import AccessibleButton from "../elements/AccessibleButton";
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
-import { canRedact } from "../../../utils/EventUtils";
 
 interface IProps {
     // The event we're displaying reactions for
@@ -59,7 +58,6 @@ export default class ReactionsRowButton extends React.PureComponent<IProps, ISta
         const { mxEvent, myReactionEvent, content } = this.props;
         if (myReactionEvent) {
             const roomId = mxEvent.getRoomId();
-            if (!canRedact(roomId, myReactionEvent)) return;
 
             this.context.redactEvent(
                 roomId,
@@ -131,7 +129,7 @@ export default class ReactionsRowButton extends React.PureComponent<IProps, ISta
             className={classes}
             aria-label={label}
             onClick={this.onClick}
-            disabled={this.props.disabled || (myReactionEvent && !canRedact(mxEvent.getRoomId(), myReactionEvent))}
+            disabled={this.props.disabled}
             onMouseOver={this.onMouseOver}
             onMouseLeave={this.onMouseLeave}
         >

src/utils/EventUtils.ts

@@ -292,9 +292,3 @@ export function canForward(event: MatrixEvent): boolean {
 export function hasThreadSummary(event: MatrixEvent): boolean {
     return event.isThreadRoot && event.getThread()?.length && !!event.getThread().replyToEvent;
 }
-
-export function canRedact(roomId: string, mxEvent: MatrixEvent): boolean {
-    const client = MatrixClientPeg.get();
-    const room = client.getRoom(roomId);
-    return room.currentState.maySendRedactionForEvent(mxEvent, client.getUserId());
-}