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

react/features/calendar-sync/components/AddMeetingUrlButton.web.tsx

@@ -0,0 +1,101 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { createCalendarClickedEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IStore } from '../../app/types';
+import { translate } from '../../base/i18n/functions';
+import Icon from '../../base/icons/components/Icon';
+import { IconPlus } from '../../base/icons/svg';
+import Tooltip from '../../base/tooltip/components/Tooltip';
+import { updateCalendarEvent } from '../actions.web';
+
+/**
+ * The type of the React {@code Component} props of {@link AddMeetingUrlButton}.
+ */
+interface IProps extends WithTranslation {
+
+    /**
+     * The calendar ID associated with the calendar event.
+     */
+    calendarId: string;
+
+    /**
+     * Invoked to add a meeting URL to a calendar event.
+     */
+    dispatch: IStore['dispatch'];
+
+    /**
+     * The ID of the calendar event that will have a meeting URL added on click.
+     */
+    eventId: string;
+}
+
+/**
+ * A React Component for adding a meeting URL to an existing calendar event.
+ *
+ * @augments Component
+ */
+class AddMeetingUrlButton extends Component<IProps> {
+    /**
+     * Initializes a new {@code AddMeetingUrlButton} instance.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        // Bind event handler so it is only bound once for every instance.
+        this._onClick = this._onClick.bind(this);
+        this._onKeyPress = this._onKeyPress.bind(this);
+    }
+
+    /**
+     * Implements React's {@link Component#render}.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        return (
+            <Tooltip content = { this.props.t('calendarSync.addMeetingURL') }>
+                <div
+                    className = 'button add-button'
+                    onClick = { this._onClick }
+                    onKeyPress = { this._onKeyPress }
+                    role = 'button'>
+                    <Icon src = { IconPlus } />
+                </div>
+            </Tooltip>
+        );
+    }
+
+    /**
+     * Dispatches an action to adding a meeting URL to a calendar event.
+     *
+     * @returns {void}
+     */
+    _onClick() {
+        const { calendarId, dispatch, eventId } = this.props;
+
+        sendAnalytics(createCalendarClickedEvent('add.url'));
+
+        dispatch(updateCalendarEvent(eventId, calendarId));
+    }
+
+    /**
+     * KeyPress handler for accessibility.
+     *
+     * @param {Object} e - The key event to handle.
+     *
+     * @returns {void}
+     */
+    _onKeyPress(e: React.KeyboardEvent) {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            this._onClick();
+        }
+    }
+}
+
+export default translate(connect()(AddMeetingUrlButton));