type SpaceTombstoneProps = { roomId: string; replacementRoomId: string };
export function SpaceTombstone({ roomId, replacementRoomId }: SpaceTombstoneProps) {
const mx = useMatrixClient();
- const { navigateRoom } = useRoomNavigate();
+ const { navigateSpace } = useRoomNavigate();
const [joinState, handleJoin] = useAsyncCallback(
useCallback(() => {
const replacementRoom = mx.getRoom(replacementRoomId);
const handleOpen = () => {
- if (replacementRoom) navigateRoom(replacementRoom.roomId);
- if (joinState.status === AsyncStatus.Success) navigateRoom(joinState.data.roomId);
+ if (replacementRoom) navigateSpace(replacementRoom.roomId);
+ if (joinState.status === AsyncStatus.Success) navigateSpace(joinState.data.roomId);
};
return (