Florian Duros
1b76f2b72c
* chore: put `view` prefix to room list item file and folder * chore: add missing `storybook-static` in gitignore * test: update visual tests
43 lines
1.4 KiB
TypeScript
43 lines
1.4 KiB
TypeScript
/*
|
|
* 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 } from "react";
|
|
|
|
import { Flex } from "../../utils/Flex";
|
|
import { RoomListItemMoreOptionsMenu, type RoomItemViewModel } from "./RoomListItemMoreOptionsMenu";
|
|
import { RoomListItemNotificationMenu } from "./RoomListItemNotificationMenu";
|
|
import styles from "./RoomListItemView.module.css";
|
|
|
|
/**
|
|
* Props for RoomListItemHoverMenu component
|
|
*/
|
|
export interface RoomListItemHoverMenuProps {
|
|
/** Whether the more options menu should be shown */
|
|
showMoreOptionsMenu: boolean;
|
|
/** Whether the notification menu should be shown */
|
|
showNotificationMenu: boolean;
|
|
/** The room item view model */
|
|
vm: RoomItemViewModel;
|
|
}
|
|
|
|
/**
|
|
* The hover menu for room list items.
|
|
* Displays more options and notification settings menus.
|
|
*/
|
|
export const RoomListItemHoverMenu: React.FC<RoomListItemHoverMenuProps> = ({
|
|
showMoreOptionsMenu,
|
|
showNotificationMenu,
|
|
vm,
|
|
}): JSX.Element => {
|
|
return (
|
|
<Flex className={styles.hoverMenu} align="center" gap="var(--cpd-space-1x)">
|
|
{showMoreOptionsMenu && <RoomListItemMoreOptionsMenu vm={vm} />}
|
|
{showNotificationMenu && <RoomListItemNotificationMenu vm={vm} />}
|
|
</Flex>
|
|
);
|
|
};
|