import { Component, linkEvent } from 'inferno'; import { Helmet } from 'inferno-helmet'; import { Subscription } from 'rxjs'; import { retryWhen, delay, take } from 'rxjs/operators'; import { UserOperation, LoginResponse, PasswordChangeForm, WebSocketJsonResponse, GetSiteResponse, Site, } from '../interfaces'; import { WebSocketService, UserService } from '../services'; import { wsJsonToRes, capitalizeFirstLetter, toast } from '../utils'; import { i18n } from '../i18next'; interface State { passwordChangeForm: PasswordChangeForm; loading: boolean; site: Site; } export class PasswordChange extends Component { private subscription: Subscription; emptyState: State = { passwordChangeForm: { token: this.props.match.params.token, password: undefined, password_verify: undefined, }, loading: false, site: undefined, }; constructor(props: any, context: any) { super(props, context); this.state = this.emptyState; this.subscription = WebSocketService.Instance.subject .pipe(retryWhen(errors => errors.pipe(delay(3000), take(10)))) .subscribe( msg => this.parseMessage(msg), err => console.error(err), () => console.log('complete') ); WebSocketService.Instance.getSite(); } componentWillUnmount() { this.subscription.unsubscribe(); } get documentTitle(): string { if (this.state.site) { return `${i18n.t('password_change')} - ${this.state.site.name}`; } else { return 'Lemmy'; } } render() { return (
{i18n.t('password_change')}
{this.passwordChangeForm()}
); } passwordChangeForm() { return (
); } handlePasswordChange(i: PasswordChange, event: any) { i.state.passwordChangeForm.password = event.target.value; i.setState(i.state); } handleVerifyPasswordChange(i: PasswordChange, event: any) { i.state.passwordChangeForm.password_verify = event.target.value; i.setState(i.state); } handlePasswordChangeSubmit(i: PasswordChange, event: any) { event.preventDefault(); i.state.loading = true; i.setState(i.state); WebSocketService.Instance.passwordChange(i.state.passwordChangeForm); } parseMessage(msg: WebSocketJsonResponse) { let res = wsJsonToRes(msg); if (msg.error) { toast(i18n.t(msg.error), 'danger'); this.state.loading = false; this.setState(this.state); return; } else if (res.op == UserOperation.PasswordChange) { let data = res.data as LoginResponse; this.state = this.emptyState; this.setState(this.state); UserService.Instance.login(data); this.props.history.push('/'); } else if (res.op == UserOperation.GetSite) { let data = res.data as GetSiteResponse; this.state.site = data.site; this.setState(this.state); } } }