rbondessonandGitHub
8a21fdb127
* First version of shared component * Refactor as a functional component * Add unit tests and more documentation * Fix problem where wrappedRef was used by parent before assignment was performed. * Use the shared component in app/web * Clean up unused styling * Added scrollbar-gutters as default styling in shared component * Make sure the legacy mx_AutoHideScrollbar is set in app/web * Updated snapshots * Removing default style, scrollbar-gutter: stable; * Updated snapshots * useRef on wrapperRef to avoid loop in rendering * scrollbar-width does not propagate * Add AutoHideScrollbar to RoomListView * Fix Prettier issue * Updated snapshots * Updated snapshot after merge * Fix Sonar issue
55 lines
1.7 KiB
TypeScript
55 lines
1.7 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2015-2023 The Matrix.org Foundation C.I.C.
|
|
|
|
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 ReactNode } from "react";
|
|
import { type Room } from "matrix-js-sdk/src/matrix";
|
|
import { AutoHideScrollbar } from "@element-hq/web-shared-components";
|
|
|
|
import AppsDrawer from "./AppsDrawer";
|
|
import SettingsStore from "../../../settings/SettingsStore";
|
|
import { UIFeature } from "../../../settings/UIFeature";
|
|
import LegacyCallViewForRoom from "../voip/LegacyCallViewForRoom";
|
|
import { objectHasDiff } from "../../../utils/objects";
|
|
|
|
interface IProps {
|
|
// js-sdk room object
|
|
room: Room;
|
|
userId: string;
|
|
showApps: boolean; // Render apps
|
|
children?: ReactNode;
|
|
}
|
|
|
|
export default class AuxPanel extends React.Component<IProps> {
|
|
public static defaultProps = {
|
|
showApps: true,
|
|
};
|
|
|
|
public shouldComponentUpdate(nextProps: IProps): boolean {
|
|
return objectHasDiff(this.props, nextProps);
|
|
}
|
|
|
|
public render(): React.ReactNode {
|
|
const callView = <LegacyCallViewForRoom roomId={this.props.room.roomId} showApps={this.props.showApps} />;
|
|
|
|
let appsDrawer;
|
|
if (SettingsStore.getValue(UIFeature.Widgets)) {
|
|
appsDrawer = (
|
|
<AppsDrawer room={this.props.room} userId={this.props.userId} showApps={this.props.showApps} />
|
|
);
|
|
}
|
|
|
|
return (
|
|
<AutoHideScrollbar role="region" className="mx_AutoHideScrollbar mx_AuxPanel">
|
|
{this.props.children}
|
|
{appsDrawer}
|
|
{callView}
|
|
</AutoHideScrollbar>
|
|
);
|
|
}
|
|
}
|