Disable stopping a voice broadcast recording by click on the tile (#9436)

src/voice-broadcast/components/molecules/VoiceBroadcastRecordingBody.tsx

@@ -24,14 +24,10 @@ export const VoiceBroadcastRecordingBody: React.FC<VoiceBroadcastRecordingBodyPr
         live,
         room,
         sender,
-        stopRecording,
     } = useVoiceBroadcastRecording(recording);
 
     return (
-        <div
+        <div className="mx_VoiceBroadcastRecordingBody">
-            className="mx_VoiceBroadcastRecordingBody"
-            onClick={stopRecording}
-        >
             <VoiceBroadcastHeader
                 live={live}
                 sender={sender}

test/voice-broadcast/components/molecules/VoiceBroadcastRecordingBody-test.tsx

@@ -16,12 +16,10 @@ limitations under the License.
 
 import React from "react";
 import { render, RenderResult } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
 import { MatrixClient, MatrixEvent } from "matrix-js-sdk/src/matrix";
 
 import {
     VoiceBroadcastInfoEventType,
-    VoiceBroadcastInfoState,
     VoiceBroadcastRecording,
     VoiceBroadcastRecordingBody,
 } from "../../../../src/voice-broadcast";
@@ -64,16 +62,6 @@ describe("VoiceBroadcastRecordingBody", () => {
         it("should render the expected HTML", () => {
             expect(renderResult.container).toMatchSnapshot();
         });
-
-        describe("and clicked", () => {
-            beforeEach(async () => {
-                await userEvent.click(renderResult.getByText("My room"));
-            });
-
-            it("should stop the recording", () => {
-                expect(recording.getState()).toBe(VoiceBroadcastInfoState.Stopped);
-            });
-        });
     });
 
     describe("when rendering a non-live broadcast", () => {