Add feature to release hand raised when the tile indicator is clicked. (#2721)

* Refactor to add support for lowering hand on indicator click.

* Cleanup and lint.

* fix icon being a little off

src/useReactions.tsx

@@ -30,7 +30,7 @@ import { useClientState } from "./ClientContext";
 interface ReactionsContextType {
   raisedHands: Record<string, Date>;
   supportsReactions: boolean;
-  myReactionId: string | null;
+  lowerHand: () => Promise<void>;
 }
 
 const ReactionsContext = createContext<ReactionsContextType | undefined>(
@@ -80,13 +80,6 @@ export const ReactionsProvider = ({
   const room = rtcSession.room;
   const myUserId = room.client.getUserId();
 
-  // Calculate our own reaction event.
-  const myReactionId = useMemo(
-    (): string | null =>
-      (myUserId && raisedHands[myUserId]?.reactionEventId) ?? null,
-    [raisedHands, myUserId],
-  );
-
   // Reduce the data down for the consumers.
   const resultRaisedHands = useMemo(
     () =>
@@ -235,12 +228,37 @@ export const ReactionsProvider = ({
     };
   }, [room, addRaisedHand, removeRaisedHand, memberships, raisedHands]);
 
+  const lowerHand = useCallback(async () => {
+    if (
+      !myUserId ||
+      clientState?.state !== "valid" ||
+      !clientState.authenticated ||
+      !raisedHands[myUserId]
+    ) {
+      return;
+    }
+    const myReactionId = raisedHands[myUserId].reactionEventId;
+    if (!myReactionId) {
+      logger.warn(`Hand raised but no reaction event to redact!`);
+      return;
+    }
+    try {
+      await clientState.authenticated.client.redactEvent(
+        rtcSession.room.roomId,
+        myReactionId,
+      );
+      logger.debug("Redacted raise hand event");
+    } catch (ex) {
+      logger.error("Failed to redact reaction event", myReactionId, ex);
+    }
+  }, [myUserId, raisedHands, clientState, rtcSession]);
+
   return (
     <ReactionsContext.Provider
       value={{
         raisedHands: resultRaisedHands,
         supportsReactions,
-        myReactionId,
+        lowerHand,
       }}
     >
       {children}