snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/toolbox/components/web/EndConferenceButton.tsx

@@ -0,0 +1,55 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { endConference } from '../../../base/conference/actions';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+import { BUTTON_TYPES } from '../../../base/ui/constants.web';
+import { isInBreakoutRoom } from '../../../breakout-rooms/functions';
+
+import { HangupContextMenuItem } from './HangupContextMenuItem';
+
+/**
+ * The type of the React {@code Component} props of {@link EndConferenceButton}.
+ */
+interface IProps {
+
+    /**
+     * Key to use for toolbarButtonClicked event.
+     */
+    buttonKey: string;
+
+    /**
+     * Notify mode for `toolbarButtonClicked` event -
+     * whether to only notify or to also prevent button click routine.
+     */
+    notifyMode?: string;
+}
+
+
+/**
+ * Button to end the conference for all participants.
+ *
+ * @param {Object} props - Component's props.
+ * @returns {JSX.Element} - The end conference button.
+ */
+export const EndConferenceButton = (props: IProps) => {
+    const { t } = useTranslation();
+    const dispatch = useDispatch();
+    const _isLocalParticipantModerator = useSelector(isLocalParticipantModerator);
+    const _isInBreakoutRoom = useSelector(isInBreakoutRoom);
+
+    const onEndConference = useCallback(() => {
+        dispatch(endConference());
+    }, [ dispatch ]);
+
+    return (<>
+        { !_isInBreakoutRoom && _isLocalParticipantModerator && <HangupContextMenuItem
+            accessibilityLabel = { t('toolbar.accessibilityLabel.endConference') }
+            buttonKey = { props.buttonKey }
+            buttonType = { BUTTON_TYPES.DESTRUCTIVE }
+            label = { t('toolbar.endConference') }
+            notifyMode = { props.notifyMode }
+            onClick = { onEndConference } /> }
+    </>);
+};