diff options
author | Dessalines <tyhou13@gmx.com> | 2020-07-08 01:02:14 -0400 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2020-07-08 01:02:14 -0400 |
commit | cd4e0ab3c2cfd615e4771fb9181a31ce237b5ceb (patch) | |
tree | 699dd63cd3ad7601e49a1173884506e3638ae37a /ui/src/components/create-private-message.tsx | |
parent | 8fda7d00d5ec9e415b44aa10cff3c4d735563a20 (diff) |
HTML title bugs.
- Fixing HTML titles for some pages. Fixes #801
- Removing WebSocketService.Instance.site, fetching site on demand now.
Diffstat (limited to 'ui/src/components/create-private-message.tsx')
-rw-r--r-- | ui/src/components/create-private-message.tsx | 42 |
1 files changed, 36 insertions, 6 deletions
diff --git a/ui/src/components/create-private-message.tsx b/ui/src/components/create-private-message.tsx index 7160bc52..21ed04c7 100644 --- a/ui/src/components/create-private-message.tsx +++ b/ui/src/components/create-private-message.tsx @@ -1,22 +1,38 @@ import { Component } from 'inferno'; +import { Subscription } from 'rxjs'; +import { retryWhen, delay, take } from 'rxjs/operators'; import { PrivateMessageForm } from './private-message-form'; import { WebSocketService } from '../services'; -import { PrivateMessageFormParams } from '../interfaces'; -import { toast } from '../utils'; +import { + UserOperation, + WebSocketJsonResponse, + GetSiteResponse, + PrivateMessageFormParams, +} from '../interfaces'; +import { toast, wsJsonToRes } from '../utils'; import { i18n } from '../i18next'; export class CreatePrivateMessage extends Component<any, any> { + private subscription: Subscription; constructor(props: any, context: any) { super(props, context); this.handlePrivateMessageCreate = this.handlePrivateMessageCreate.bind( this ); + + 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(); } - componentDidMount() { - document.title = `${i18n.t('create_private_message')} - ${ - WebSocketService.Instance.site.name - }`; + componentWillUnmount() { + this.subscription.unsubscribe(); } render() { @@ -50,4 +66,18 @@ export class CreatePrivateMessage extends Component<any, any> { // Navigate to the front this.props.history.push(`/`); } + + parseMessage(msg: WebSocketJsonResponse) { + console.log(msg); + let res = wsJsonToRes(msg); + if (msg.error) { + toast(i18n.t(msg.error), 'danger'); + return; + } else if (res.op == UserOperation.GetSite) { + let data = res.data as GetSiteResponse; + document.title = `${i18n.t('create_private_message')} - ${ + data.site.name + }`; + } + } } |