RoomListItemContextMenu.tsx

/*
 * Copyright 2026 Element Creations Ltd.
 *
 * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
 * Please see LICENSE files in the repository root for full details.
 */

import React, { type JSX, type PropsWithChildren } from "react";
import { ContextMenu } from "@vector-im/compound-web";

import { _t } from "../../../../core/i18n/i18n";
import { MoreOptionContent, type RoomListItemViewModel } from "./RoomListItemMoreOptionsMenu";

/**
 * Props for RoomListItemContextMenu component
 */
export interface RoomListItemContextMenuProps {
    /** The room item view model */
    vm: RoomListItemViewModel;
}

/**
 * The context menu for room list items.
 * Wraps the trigger element with a right-click context menu displaying room options.
 */
export const RoomListItemContextMenu: React.FC<PropsWithChildren<RoomListItemContextMenuProps>> = ({
    vm,
    children,
}): JSX.Element => {
    return (
        <ContextMenu
            title={_t("room_list|room|more_options")}
            showTitle={false}
            hasAccessibleAlternative={true}
            trigger={children}
        >
            <MoreOptionContent vm={vm} />
        </ContextMenu>
    );
};