From cd4e0ab3c2cfd615e4771fb9181a31ce237b5ceb Mon Sep 17 00:00:00 2001 From: Dessalines Date: Wed, 8 Jul 2020 01:02:14 -0400 Subject: HTML title bugs. - Fixing HTML titles for some pages. Fixes #801 - Removing WebSocketService.Instance.site, fetching site on demand now. --- ui/src/components/create-post.tsx | 73 +++++++++++++++++++++++++++++++++++---- 1 file changed, 66 insertions(+), 7 deletions(-) (limited to 'ui/src/components/create-post.tsx') diff --git a/ui/src/components/create-post.tsx b/ui/src/components/create-post.tsx index adbdfb58..348ba0cb 100644 --- a/ui/src/components/create-post.tsx +++ b/ui/src/components/create-post.tsx @@ -1,19 +1,59 @@ import { Component } from 'inferno'; +import { Subscription } from 'rxjs'; +import { retryWhen, delay, take } from 'rxjs/operators'; import { PostForm } from './post-form'; +import { toast, wsJsonToRes } from '../utils'; import { WebSocketService } from '../services'; -import { PostFormParams } from '../interfaces'; +import { + UserOperation, + PostFormParams, + WebSocketJsonResponse, + GetSiteResponse, + Site, +} from '../interfaces'; import { i18n } from '../i18next'; -export class CreatePost extends Component { +interface CreatePostState { + site: Site; +} + +export class CreatePost extends Component { + private subscription: Subscription; + private emptyState: CreatePostState = { + site: { + id: undefined, + name: undefined, + creator_id: undefined, + published: undefined, + creator_name: undefined, + number_of_users: undefined, + number_of_posts: undefined, + number_of_comments: undefined, + number_of_communities: undefined, + enable_downvotes: undefined, + open_registration: undefined, + enable_nsfw: undefined, + }, + }; + constructor(props: any, context: any) { super(props, context); this.handlePostCreate = this.handlePostCreate.bind(this); + 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(); } - componentDidMount() { - document.title = `${i18n.t('create_post')} - ${ - WebSocketService.Instance.site.name - }`; + componentWillUnmount() { + this.subscription.unsubscribe(); } render() { @@ -22,7 +62,12 @@ export class CreatePost extends Component {
{i18n.t('create_post')}
- +
@@ -56,4 +101,18 @@ export class CreatePost extends Component { handlePostCreate(id: number) { this.props.history.push(`/post/${id}`); } + + 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; + this.state.site = data.site; + this.setState(this.state); + document.title = `${i18n.t('create_post')} - ${data.site.name}`; + } + } } -- cgit v1.2.3 From 50e6d81d0b40e1d9caa0db83d20026adf3aef631 Mon Sep 17 00:00:00 2001 From: Dessalines Date: Thu, 9 Jul 2020 20:03:47 -0400 Subject: Redirect to login page for votes, comments, pages, etc. Fixes #849 (#926) --- ui/src/components/create-post.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'ui/src/components/create-post.tsx') diff --git a/ui/src/components/create-post.tsx b/ui/src/components/create-post.tsx index 348ba0cb..4554326d 100644 --- a/ui/src/components/create-post.tsx +++ b/ui/src/components/create-post.tsx @@ -3,7 +3,7 @@ import { Subscription } from 'rxjs'; import { retryWhen, delay, take } from 'rxjs/operators'; import { PostForm } from './post-form'; import { toast, wsJsonToRes } from '../utils'; -import { WebSocketService } from '../services'; +import { WebSocketService, UserService } from '../services'; import { UserOperation, PostFormParams, @@ -41,6 +41,11 @@ export class CreatePost extends Component { this.handlePostCreate = this.handlePostCreate.bind(this); this.state = this.emptyState; + if (!UserService.Instance.user) { + toast(i18n.t('not_logged_in'), 'danger'); + this.context.router.history.push(`/login`); + } + this.subscription = WebSocketService.Instance.subject .pipe(retryWhen(errors => errors.pipe(delay(3000), take(10)))) .subscribe( -- cgit v1.2.3