87 lines
2.7 KiB
TypeScript
87 lines
2.7 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 { type MatrixClient } from "matrix-js-sdk/src/matrix";
|
||
|
|
import { logger } from "matrix-js-sdk/src/logger";
|
||
|
|
import {
|
||
|
|
BaseViewModel,
|
||
|
|
type SetStatusViewSnapshot,
|
||
|
|
type SetStatusViewActions,
|
||
|
|
type UserStatus,
|
||
|
|
} from "@element-hq/web-shared-components";
|
||
|
|
|
||
|
|
import { clearUserStatus, setUserStatus } from "../../utils/userStatus";
|
||
|
|
import { UPDATE_EVENT } from "../../stores/AsyncStore";
|
||
|
|
import dis from "../../dispatcher/dispatcher";
|
||
|
|
import { UserTab } from "../../components/views/dialogs/UserTab";
|
||
|
|
import { Action } from "../../dispatcher/actions";
|
||
|
|
import { type OwnProfileStore } from "../../stores/OwnProfileStore";
|
||
|
|
|
||
|
|
export interface SetStatusViewModelProps {
|
||
|
|
/**
|
||
|
|
* The Matrix client instance.
|
||
|
|
*/
|
||
|
|
client: MatrixClient;
|
||
|
|
ownProfileStore: OwnProfileStore;
|
||
|
|
}
|
||
|
|
|
||
|
|
export class SetStatusViewModel
|
||
|
|
extends BaseViewModel<SetStatusViewSnapshot, SetStatusViewModelProps>
|
||
|
|
implements SetStatusViewActions
|
||
|
|
{
|
||
|
|
public constructor(props: SetStatusViewModelProps) {
|
||
|
|
super(props, {
|
||
|
|
userStatus: props.ownProfileStore.userStatus,
|
||
|
|
});
|
||
|
|
|
||
|
|
this.disposables.trackListener(props.ownProfileStore, UPDATE_EVENT, this.onProfileStoreUpdate);
|
||
|
|
}
|
||
|
|
|
||
|
|
private onProfileStoreUpdate = (): void => {
|
||
|
|
this.snapshot.merge({ userStatus: this.props.ownProfileStore.userStatus });
|
||
|
|
};
|
||
|
|
|
||
|
|
public setStatus = (userStatus: UserStatus): void => {
|
||
|
|
const oldStatus = this.snapshot.current.userStatus;
|
||
|
|
|
||
|
|
this.snapshot.merge({ userStatus });
|
||
|
|
setUserStatus(this.props.client, userStatus).catch((err) => {
|
||
|
|
this.snapshot.merge({ userStatus: oldStatus });
|
||
|
|
logger.warn("Failed to set user status", err);
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
public clearStatus = (): void => {
|
||
|
|
const oldStatus = this.snapshot.current.userStatus;
|
||
|
|
|
||
|
|
this.snapshot.merge({ userStatus: undefined });
|
||
|
|
clearUserStatus(this.props.client).catch((err) => {
|
||
|
|
this.snapshot.merge({ userStatus: oldStatus });
|
||
|
|
logger.warn("Failed to clear user status", err);
|
||
|
|
});
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* A version of the view model that overrides the click handler to open settings instead.
|
||
|
|
*/
|
||
|
|
export class UserMenuSetStatusViewModel extends SetStatusViewModel {
|
||
|
|
public constructor(props: SetStatusViewModelProps) {
|
||
|
|
super(props);
|
||
|
|
}
|
||
|
|
|
||
|
|
public onSetStatusClick = (): void => {
|
||
|
|
dis.dispatch({
|
||
|
|
action: Action.ToggleUserMenu,
|
||
|
|
});
|
||
|
|
dis.dispatch({
|
||
|
|
action: Action.ViewUserSettings,
|
||
|
|
initialTabId: UserTab.Account,
|
||
|
|
});
|
||
|
|
};
|
||
|
|
}
|