Fix click behavior of notification badges on spaces (#8627)

* Fix click behavior of notification badges on spaces

* Fix import
This commit is contained in:
Robin 2022-05-17 10:28:19 -04:00 committed by GitHub
parent d717d06ce5
commit e099ebd9ec
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
import React, { ComponentProps, ComponentType, createRef, InputHTMLAttributes, LegacyRef } from "react";
import React, { MouseEvent, ComponentProps, ComponentType, createRef, InputHTMLAttributes, LegacyRef } from "react";
import classNames from "classnames";
import { Room, RoomEvent } from "matrix-js-sdk/src/models/room";
import { DraggableProvidedDragHandleProps } from "react-beautiful-dnd";
@ -84,9 +84,15 @@ export const SpaceButton: React.FC<IButtonProps> = ({
ariaLabel = _t("Jump to first invite.");
}
const jumpToNotification = (ev: MouseEvent) => {
ev.stopPropagation();
ev.preventDefault();
SpaceStore.instance.setActiveRoomInSpace(spaceKey ?? space.roomId);
};
notifBadge = <div className="mx_SpacePanel_badgeContainer">
<NotificationBadge
onClick={() => SpaceStore.instance.setActiveRoomInSpace(spaceKey ?? space.roomId)}
onClick={jumpToNotification}
forceCount={false}
notification={notificationState}
aria-label={ariaLabel}