diff --git a/src/components/views/rooms/MemberList/MemberListView.tsx b/src/components/views/rooms/MemberList/MemberListView.tsx index cdcafc5b8b..24346d2b17 100644 --- a/src/components/views/rooms/MemberList/MemberListView.tsx +++ b/src/components/views/rooms/MemberList/MemberListView.tsx @@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details. import { Form } from "@vector-im/compound-web"; import React, { useRef, type JSX } from "react"; +import { Virtuoso, VirtuosoHandle } from "react-virtuoso"; import { Flex } from "../../../utils/Flex"; import { @@ -19,7 +20,6 @@ import { ThreePidInviteTileView } from "./tiles/ThreePidInviteTileView"; import { MemberListHeaderView } from "./MemberListHeaderView"; import BaseCard from "../../right_panel/BaseCard"; import { _t } from "../../../../languageHandler"; -import { Virtuoso, VirtuosoHandle } from "react-virtuoso"; interface IProps { roomId: string; @@ -75,7 +75,7 @@ const MemberListView: React.FC = (props: IProps) => { } } }, - [focusedIndex, ref, setFocusedIndex], + [focusedIndex, ref, setFocusedIndex, vm, totalRows], ); const scrollerRef = React.useCallback( @@ -91,13 +91,13 @@ const MemberListView: React.FC = (props: IProps) => { ); const onFocus = (e: React.FocusEvent): void => { - let nextIndex = focusedIndex == -1 ? 0 : focusedIndex; + const nextIndex = focusedIndex == -1 ? 0 : focusedIndex; scrollToIndex(nextIndex); e.preventDefault(); }; - function footer() { - return
; + function footer(): React.ReactNode { + return
; } return ( diff --git a/src/components/views/rooms/MemberList/tiles/common/MemberTileView.tsx b/src/components/views/rooms/MemberList/tiles/common/MemberTileView.tsx index ebaa8f9358..a88e7424b5 100644 --- a/src/components/views/rooms/MemberList/tiles/common/MemberTileView.tsx +++ b/src/components/views/rooms/MemberList/tiles/common/MemberTileView.tsx @@ -5,10 +5,10 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com Please see LICENSE files in the repository root for full details. */ +import classNames from "classnames"; import React, { type JSX } from "react"; import AccessibleButton from "../../../../elements/AccessibleButton"; -import classNames from "classnames"; interface Props { avatarJsx: JSX.Element;