+import { None, Option, Some } from "@sniptt/monads";
import autosize from "autosize";
import { Component, linkEvent } from "inferno";
import { Prompt } from "inferno-router";
CommunityView,
CreatePost,
EditPost,
+ Language,
ListingType,
PostResponse,
PostView,
SearchResponse,
SearchType,
SortType,
+ toUndefined,
UserOperation,
+ wsJsonToRes,
+ wsUserOp,
} from "lemmy-js-client";
import { Subscription } from "rxjs";
import { pictrsUri } from "../../env";
import { UserService, WebSocketService } from "../../services";
import {
archiveTodayUrl,
- authField,
+ auth,
capitalizeFirstLetter,
choicesConfig,
communitySelectName,
ghostArchiveUrl,
isBrowser,
isImage,
+ myFirstDiscussionLanguageId,
pictrsDeleteToast,
+ relTags,
setupTippy,
toast,
+ trendingFetchLimit,
validTitle,
validURL,
webArchiveUrl,
wsClient,
- wsJsonToRes,
wsSubscribe,
- wsUserOp,
} from "../../utils";
import { Icon, Spinner } from "../common/icon";
+import { LanguageSelect } from "../common/language-select";
import { MarkdownTextArea } from "../common/markdown-textarea";
import { PostListings } from "./post-listings";
const MAX_POST_TITLE_LENGTH = 200;
interface PostFormProps {
- post_view?: PostView; // If a post is given, that means this is an edit
- communities?: CommunityView[];
- params?: PostFormParams;
+ post_view: Option<PostView>; // If a post is given, that means this is an edit
+ allLanguages: Language[];
+ siteLanguages: number[];
+ communities: Option<CommunityView[]>;
+ params: Option<PostFormParams>;
onCancel?(): any;
onCreate?(post: PostView): any;
onEdit?(post: PostView): any;
- enableNsfw: boolean;
- enableDownvotes: boolean;
+ enableNsfw?: boolean;
+ enableDownvotes?: boolean;
}
interface PostFormState {
postForm: CreatePost;
+ suggestedTitle: Option<string>;
+ suggestedPosts: Option<PostView[]>;
+ crossPosts: Option<PostView[]>;
loading: boolean;
imageLoading: boolean;
+ communitySearchLoading: boolean;
previewMode: boolean;
- suggestedTitle: string;
- suggestedPosts: PostView[];
- crossPosts: PostView[];
}
export class PostForm extends Component<PostFormProps, PostFormState> {
private subscription: Subscription;
private choices: any;
private emptyState: PostFormState = {
- postForm: {
- community_id: null,
- name: null,
- nsfw: false,
- auth: authField(false),
- },
+ postForm: new CreatePost({
+ community_id: undefined,
+ name: undefined,
+ nsfw: Some(false),
+ url: None,
+ body: None,
+ honeypot: None,
+ language_id: None,
+ auth: undefined,
+ }),
loading: false,
imageLoading: false,
+ communitySearchLoading: false,
previewMode: false,
- suggestedTitle: undefined,
- suggestedPosts: [],
- crossPosts: [],
+ suggestedTitle: None,
+ suggestedPosts: None,
+ crossPosts: None,
};
constructor(props: any, context: any) {
this.fetchSimilarPosts = debounce(this.fetchSimilarPosts.bind(this));
this.fetchPageTitle = debounce(this.fetchPageTitle.bind(this));
this.handlePostBodyChange = this.handlePostBodyChange.bind(this);
+ this.handleLanguageChange = this.handleLanguageChange.bind(this);
this.state = this.emptyState;
+ this.parseMessage = this.parseMessage.bind(this);
+ this.subscription = wsSubscribe(this.parseMessage);
+
// Means its an edit
- if (this.props.post_view) {
- this.state.postForm = {
- body: this.props.post_view.post.body,
- name: this.props.post_view.post.name,
- community_id: this.props.post_view.community.id,
- url: this.props.post_view.post.url,
- nsfw: this.props.post_view.post.nsfw,
- auth: authField(),
+ if (this.props.post_view.isSome()) {
+ let pv = this.props.post_view.unwrap();
+
+ this.state = {
+ ...this.state,
+ postForm: new CreatePost({
+ body: pv.post.body,
+ name: pv.post.name,
+ community_id: pv.community.id,
+ url: pv.post.url,
+ nsfw: Some(pv.post.nsfw),
+ honeypot: None,
+ language_id: Some(pv.post.language_id),
+ auth: auth().unwrap(),
+ }),
};
}
- if (this.props.params) {
- this.state.postForm.name = this.props.params.name;
- if (this.props.params.url) {
- this.state.postForm.url = this.props.params.url;
- }
- if (this.props.params.body) {
- this.state.postForm.body = this.props.params.body;
- }
+ if (this.props.params.isSome()) {
+ let params = this.props.params.unwrap();
+ this.state = {
+ ...this.state,
+ postForm: {
+ ...this.state.postForm,
+ name: toUndefined(params.name),
+ url: params.url,
+ body: params.body,
+ },
+ };
}
-
- this.parseMessage = this.parseMessage.bind(this);
- this.subscription = wsSubscribe(this.parseMessage);
}
componentDidMount() {
if (
!this.state.loading &&
(this.state.postForm.name ||
- this.state.postForm.url ||
- this.state.postForm.body)
+ this.state.postForm.url.isSome() ||
+ this.state.postForm.body.isSome())
) {
window.onbeforeunload = () => true;
} else {
}
render() {
+ let selectedLangs = this.state.postForm.language_id
+ .or(
+ myFirstDiscussionLanguageId(
+ this.props.allLanguages,
+ this.props.siteLanguages,
+ UserService.Instance.myUserInfo
+ )
+ )
+ .map(Array.of);
+
return (
<div>
<Prompt
when={
!this.state.loading &&
(this.state.postForm.name ||
- this.state.postForm.url ||
- this.state.postForm.body)
+ this.state.postForm.url.isSome() ||
+ this.state.postForm.body.isSome())
}
message={i18n.t("block_leaving")}
/>
<form onSubmit={linkEvent(this, this.handlePostSubmit)}>
- <div class="form-group row">
- <label class="col-sm-2 col-form-label" htmlFor="post-url">
+ <div className="form-group row">
+ <label className="col-sm-2 col-form-label" htmlFor="post-url">
{i18n.t("url")}
</label>
- <div class="col-sm-10">
+ <div className="col-sm-10">
<input
type="url"
id="post-url"
- class="form-control"
- value={this.state.postForm.url}
+ className="form-control"
+ value={toUndefined(this.state.postForm.url)}
onInput={linkEvent(this, this.handlePostUrlChange)}
onPaste={linkEvent(this, this.handleImageUploadPaste)}
/>
- {this.state.suggestedTitle && (
- <div
- class="mt-1 text-muted small font-weight-bold pointer"
- role="button"
- onClick={linkEvent(this, this.copySuggestedTitle)}
- >
- {i18n.t("copy_suggested_title", {
- title: this.state.suggestedTitle,
- })}
- </div>
- )}
+ {this.state.suggestedTitle.match({
+ some: title => (
+ <div
+ className="mt-1 text-muted small font-weight-bold pointer"
+ role="button"
+ onClick={linkEvent(this, this.copySuggestedTitle)}
+ >
+ {i18n.t("copy_suggested_title", { title: "" })} {title}
+ </div>
+ ),
+ none: <></>,
+ })}
<form>
<label
htmlFor="file-upload"
className={`${
- UserService.Instance.myUserInfo && "pointer"
+ UserService.Instance.myUserInfo.isSome() && "pointer"
} d-inline-block float-right text-muted font-weight-bold`}
data-tippy-content={i18n.t("upload_image")}
>
type="file"
accept="image/*,video/*"
name="file"
- class="d-none"
- disabled={!UserService.Instance.myUserInfo}
+ className="d-none"
+ disabled={UserService.Instance.myUserInfo.isNone()}
onChange={linkEvent(this, this.handleImageUpload)}
/>
</form>
- {this.state.postForm.url && validURL(this.state.postForm.url) && (
- <div>
- <a
- href={`${webArchiveUrl}/save/${encodeURIComponent(
- this.state.postForm.url
- )}`}
- class="mr-2 d-inline-block float-right text-muted small font-weight-bold"
- rel="noopener"
- >
- archive.org {i18n.t("archive_link")}
- </a>
- <a
- href={`${ghostArchiveUrl}/search?term=${encodeURIComponent(
- this.state.postForm.url
- )}`}
- class="mr-2 d-inline-block float-right text-muted small font-weight-bold"
- rel="noopener"
- >
- ghostarchive.org {i18n.t("archive_link")}
- </a>
- <a
- href={`${archiveTodayUrl}/?run=1&url=${encodeURIComponent(
- this.state.postForm.url
- )}`}
- class="mr-2 d-inline-block float-right text-muted small font-weight-bold"
- rel="noopener"
- >
- archive.today {i18n.t("archive_link")}
- </a>
- </div>
- )}
+ {this.state.postForm.url.match({
+ some: url =>
+ validURL(url) && (
+ <div>
+ <a
+ href={`${webArchiveUrl}/save/${encodeURIComponent(
+ url
+ )}`}
+ className="mr-2 d-inline-block float-right text-muted small font-weight-bold"
+ rel={relTags}
+ >
+ archive.org {i18n.t("archive_link")}
+ </a>
+ <a
+ href={`${ghostArchiveUrl}/search?term=${encodeURIComponent(
+ url
+ )}`}
+ className="mr-2 d-inline-block float-right text-muted small font-weight-bold"
+ rel={relTags}
+ >
+ ghostarchive.org {i18n.t("archive_link")}
+ </a>
+ <a
+ href={`${archiveTodayUrl}/?run=1&url=${encodeURIComponent(
+ url
+ )}`}
+ className="mr-2 d-inline-block float-right text-muted small font-weight-bold"
+ rel={relTags}
+ >
+ archive.today {i18n.t("archive_link")}
+ </a>
+ </div>
+ ),
+ none: <></>,
+ })}
{this.state.imageLoading && <Spinner />}
- {isImage(this.state.postForm.url) && (
- <img src={this.state.postForm.url} class="img-fluid" alt="" />
- )}
- {this.state.crossPosts.length > 0 && (
- <>
- <div class="my-1 text-muted small font-weight-bold">
- {i18n.t("cross_posts")}
- </div>
- <PostListings
- showCommunity
- posts={this.state.crossPosts}
- enableDownvotes={this.props.enableDownvotes}
- enableNsfw={this.props.enableNsfw}
- />
- </>
- )}
+ {this.state.postForm.url.match({
+ some: url =>
+ isImage(url) && (
+ <img src={url} className="img-fluid" alt="" />
+ ),
+ none: <></>,
+ })}
+ {this.state.crossPosts.match({
+ some: xPosts =>
+ xPosts.length > 0 && (
+ <>
+ <div className="my-1 text-muted small font-weight-bold">
+ {i18n.t("cross_posts")}
+ </div>
+ <PostListings
+ showCommunity
+ posts={xPosts}
+ enableDownvotes={this.props.enableDownvotes}
+ enableNsfw={this.props.enableNsfw}
+ allLanguages={this.props.allLanguages}
+ siteLanguages={this.props.siteLanguages}
+ />
+ </>
+ ),
+ none: <></>,
+ })}
</div>
</div>
- <div class="form-group row">
- <label class="col-sm-2 col-form-label" htmlFor="post-title">
+ <div className="form-group row">
+ <label className="col-sm-2 col-form-label" htmlFor="post-title">
{i18n.t("title")}
</label>
- <div class="col-sm-10">
+ <div className="col-sm-10">
<textarea
value={this.state.postForm.name}
id="post-title"
onInput={linkEvent(this, this.handlePostNameChange)}
- class={`form-control ${
+ className={`form-control ${
!validTitle(this.state.postForm.name) && "is-invalid"
}`}
required
maxLength={MAX_POST_TITLE_LENGTH}
/>
{!validTitle(this.state.postForm.name) && (
- <div class="invalid-feedback">
+ <div className="invalid-feedback">
{i18n.t("invalid_post_title")}
</div>
)}
- {this.state.suggestedPosts.length > 0 && (
- <>
- <div class="my-1 text-muted small font-weight-bold">
- {i18n.t("related_posts")}
- </div>
- <PostListings
- posts={this.state.suggestedPosts}
- enableDownvotes={this.props.enableDownvotes}
- enableNsfw={this.props.enableNsfw}
- />
- </>
- )}
+ {this.state.suggestedPosts.match({
+ some: sPosts =>
+ sPosts.length > 0 && (
+ <>
+ <div className="my-1 text-muted small font-weight-bold">
+ {i18n.t("related_posts")}
+ </div>
+ <PostListings
+ showCommunity
+ posts={sPosts}
+ enableDownvotes={this.props.enableDownvotes}
+ enableNsfw={this.props.enableNsfw}
+ allLanguages={this.props.allLanguages}
+ siteLanguages={this.props.siteLanguages}
+ />
+ </>
+ ),
+ none: <></>,
+ })}
</div>
</div>
- <div class="form-group row">
- <label class="col-sm-2 col-form-label">{i18n.t("body")}</label>
- <div class="col-sm-10">
+ <div className="form-group row">
+ <label className="col-sm-2 col-form-label">{i18n.t("body")}</label>
+ <div className="col-sm-10">
<MarkdownTextArea
initialContent={this.state.postForm.body}
+ initialLanguageId={None}
onContentChange={this.handlePostBodyChange}
+ placeholder={None}
+ buttonTitle={None}
+ maxLength={None}
+ allLanguages={this.props.allLanguages}
+ siteLanguages={this.props.siteLanguages}
/>
</div>
</div>
- {!this.props.post_view && (
- <div class="form-group row">
- <label class="col-sm-2 col-form-label" htmlFor="post-community">
- {i18n.t("community")}
+ {this.props.post_view.isNone() && (
+ <div className="form-group row">
+ <label
+ className="col-sm-2 col-form-label"
+ htmlFor="post-community"
+ >
+ {this.state.communitySearchLoading ? (
+ <Spinner />
+ ) : (
+ i18n.t("community")
+ )}
</label>
- <div class="col-sm-10">
+ <div className="col-sm-10">
<select
- class="form-control"
+ className="form-control"
id="post-community"
value={this.state.postForm.community_id}
onInput={linkEvent(this, this.handlePostCommunityChange)}
>
<option>{i18n.t("select_a_community")}</option>
- {this.props.communities.map(cv => (
- <option value={cv.community.id}>
+ {this.props.communities.unwrapOr([]).map(cv => (
+ <option key={cv.community.id} value={cv.community.id}>
{communitySelectName(cv)}
</option>
))}
</div>
)}
{this.props.enableNsfw && (
- <div class="form-group row">
- <legend class="col-form-label col-sm-2 pt-0">
+ <div className="form-group row">
+ <legend className="col-form-label col-sm-2 pt-0">
{i18n.t("nsfw")}
</legend>
- <div class="col-sm-10">
- <div class="form-check">
+ <div className="col-sm-10">
+ <div className="form-check">
<input
- class="form-check-input position-static"
+ className="form-check-input position-static"
id="post-nsfw"
type="checkbox"
- checked={this.state.postForm.nsfw}
+ checked={toUndefined(this.state.postForm.nsfw)}
onChange={linkEvent(this, this.handlePostNsfwChange)}
/>
</div>
</div>
</div>
)}
+ <LanguageSelect
+ allLanguages={this.props.allLanguages}
+ siteLanguages={this.props.siteLanguages}
+ selectedLanguageIds={selectedLangs}
+ multiple={false}
+ onChange={this.handleLanguageChange}
+ />
<input
tabIndex={-1}
autoComplete="false"
name="a_password"
type="text"
- class="form-control honeypot"
+ className="form-control honeypot"
id="register-honey"
- value={this.state.postForm.honeypot}
+ value={toUndefined(this.state.postForm.honeypot)}
onInput={linkEvent(this, this.handleHoneyPotChange)}
/>
- <div class="form-group row">
- <div class="col-sm-10">
+ <div className="form-group row">
+ <div className="col-sm-10">
<button
disabled={
!this.state.postForm.community_id || this.state.loading
}
type="submit"
- class="btn btn-secondary mr-2"
+ className="btn btn-secondary mr-2"
>
{this.state.loading ? (
<Spinner />
- ) : this.props.post_view ? (
+ ) : this.props.post_view.isSome() ? (
capitalizeFirstLetter(i18n.t("save"))
) : (
capitalizeFirstLetter(i18n.t("create"))
)}
</button>
- {this.props.post_view && (
+ {this.props.post_view.isSome() && (
<button
type="button"
- class="btn btn-secondary"
+ className="btn btn-secondary"
onClick={linkEvent(this, this.handleCancel)}
>
{i18n.t("cancel")}
handlePostSubmit(i: PostForm, event: any) {
event.preventDefault();
+ i.setState({ loading: true });
+
// Coerce empty url string to undefined
- if (i.state.postForm.url !== undefined && i.state.postForm.url === "") {
- i.state.postForm.url = undefined;
+ if (
+ i.state.postForm.url.isSome() &&
+ i.state.postForm.url.unwrapOr("blank") === ""
+ ) {
+ i.setState(s => ((s.postForm.url = None), s));
}
- if (i.props.post_view) {
- let form: EditPost = {
- ...i.state.postForm,
- post_id: i.props.post_view.post.id,
- };
- WebSocketService.Instance.send(wsClient.editPost(form));
- } else {
- WebSocketService.Instance.send(wsClient.createPost(i.state.postForm));
- }
- i.state.loading = true;
- i.setState(i.state);
+ let pForm = i.state.postForm;
+ i.props.post_view.match({
+ some: pv => {
+ let form = new EditPost({
+ name: Some(pForm.name),
+ url: pForm.url,
+ body: pForm.body,
+ nsfw: pForm.nsfw,
+ post_id: pv.post.id,
+ language_id: Some(pv.post.language_id),
+ auth: auth().unwrap(),
+ });
+ WebSocketService.Instance.send(wsClient.editPost(form));
+ },
+ none: () => {
+ i.setState(s => ((s.postForm.auth = auth().unwrap()), s));
+ let form = new CreatePost({ ...i.state.postForm });
+ WebSocketService.Instance.send(wsClient.createPost(form));
+ },
+ });
}
copySuggestedTitle(i: PostForm) {
- i.state.postForm.name = i.state.suggestedTitle.substring(
- 0,
- MAX_POST_TITLE_LENGTH
- );
- i.state.suggestedTitle = undefined;
- setTimeout(() => {
- let textarea: any = document.getElementById("post-title");
- autosize.update(textarea);
- }, 10);
- i.setState(i.state);
+ i.state.suggestedTitle.match({
+ some: sTitle => {
+ i.setState(
+ s => (
+ (s.postForm.name = sTitle.substring(0, MAX_POST_TITLE_LENGTH)), s
+ )
+ );
+ i.setState({ suggestedTitle: None });
+ setTimeout(() => {
+ let textarea: any = document.getElementById("post-title");
+ autosize.update(textarea);
+ }, 10);
+ },
+ none: void 0,
+ });
}
handlePostUrlChange(i: PostForm, event: any) {
- i.state.postForm.url = event.target.value;
- i.setState(i.state);
+ i.setState(s => ((s.postForm.url = Some(event.target.value)), s));
i.fetchPageTitle();
}
fetchPageTitle() {
- if (validURL(this.state.postForm.url)) {
- let form: Search = {
- q: this.state.postForm.url,
- type_: SearchType.Url,
- sort: SortType.TopAll,
- listing_type: ListingType.All,
- page: 1,
- limit: 6,
- auth: authField(false),
- };
-
- WebSocketService.Instance.send(wsClient.search(form));
-
- // Fetch the page title
- getSiteMetadata(this.state.postForm.url).then(d => {
- this.state.suggestedTitle = d.metadata.title;
- this.setState(this.state);
- });
- } else {
- this.state.suggestedTitle = undefined;
- this.state.crossPosts = [];
- }
+ this.state.postForm.url.match({
+ some: url => {
+ if (validURL(url)) {
+ let form = new Search({
+ q: url,
+ community_id: None,
+ community_name: None,
+ creator_id: None,
+ type_: Some(SearchType.Url),
+ sort: Some(SortType.TopAll),
+ listing_type: Some(ListingType.All),
+ page: Some(1),
+ limit: Some(trendingFetchLimit),
+ auth: auth(false).ok(),
+ });
+
+ WebSocketService.Instance.send(wsClient.search(form));
+
+ // Fetch the page title
+ getSiteMetadata(url).then(d => {
+ this.setState({ suggestedTitle: d.metadata.title });
+ });
+ } else {
+ this.setState({ suggestedTitle: None, crossPosts: None });
+ }
+ },
+ none: void 0,
+ });
}
handlePostNameChange(i: PostForm, event: any) {
- i.state.postForm.name = event.target.value;
- i.setState(i.state);
+ i.setState(s => ((s.postForm.name = event.target.value), s));
i.fetchSimilarPosts();
}
fetchSimilarPosts() {
- let form: Search = {
+ let form = new Search({
q: this.state.postForm.name,
- type_: SearchType.Posts,
- sort: SortType.TopAll,
- listing_type: ListingType.All,
- community_id: this.state.postForm.community_id,
- page: 1,
- limit: 6,
- auth: authField(false),
- };
+ type_: Some(SearchType.Posts),
+ sort: Some(SortType.TopAll),
+ listing_type: Some(ListingType.All),
+ community_id: Some(this.state.postForm.community_id),
+ community_name: None,
+ creator_id: None,
+ page: Some(1),
+ limit: Some(trendingFetchLimit),
+ auth: auth(false).ok(),
+ });
if (this.state.postForm.name !== "") {
WebSocketService.Instance.send(wsClient.search(form));
} else {
- this.state.suggestedPosts = [];
+ this.setState({ suggestedPosts: None });
}
-
- this.setState(this.state);
}
handlePostBodyChange(val: string) {
- this.state.postForm.body = val;
- this.setState(this.state);
+ this.setState(s => ((s.postForm.body = Some(val)), s));
}
handlePostCommunityChange(i: PostForm, event: any) {
- i.state.postForm.community_id = Number(event.target.value);
- i.setState(i.state);
+ i.setState(
+ s => ((s.postForm.community_id = Number(event.target.value)), s)
+ );
}
handlePostNsfwChange(i: PostForm, event: any) {
- i.state.postForm.nsfw = event.target.checked;
- i.setState(i.state);
+ i.setState(s => ((s.postForm.nsfw = Some(event.target.checked)), s));
+ }
+
+ handleLanguageChange(val: number[]) {
+ this.setState(s => ((s.postForm.language_id = Some(val[0])), s));
}
handleHoneyPotChange(i: PostForm, event: any) {
- i.state.postForm.honeypot = event.target.value;
- i.setState(i.state);
+ i.setState(s => ((s.postForm.honeypot = Some(event.target.value)), s));
}
handleCancel(i: PostForm) {
handlePreviewToggle(i: PostForm, event: any) {
event.preventDefault();
- i.state.previewMode = !i.state.previewMode;
- i.setState(i.state);
+ i.setState({ previewMode: !i.state.previewMode });
}
handleImageUploadPaste(i: PostForm, event: any) {
const formData = new FormData();
formData.append("images[]", file);
- i.state.imageLoading = true;
- i.setState(i.state);
+ i.setState({ imageLoading: true });
fetch(pictrsUri, {
method: "POST",
let url = `${pictrsUri}/${hash}`;
let deleteToken = res.files[0].delete_token;
let deleteUrl = `${pictrsUri}/delete/${deleteToken}/${hash}`;
- i.state.postForm.url = url;
- i.state.imageLoading = false;
- i.setState(i.state);
+ i.state.postForm.url = Some(url);
+ i.setState({ imageLoading: false });
pictrsDeleteToast(
- i18n.t("click_to_delete_picture"),
- i18n.t("picture_deleted"),
+ `${i18n.t("click_to_delete_picture")}: ${file.name}`,
+ `${i18n.t("picture_deleted")}: ${file.name}`,
+ `${i18n.t("failed_to_delete_picture")}: ${file.name}`,
deleteUrl
);
} else {
- i.state.imageLoading = false;
- i.setState(i.state);
+ i.setState({ imageLoading: false });
toast(JSON.stringify(res), "danger");
}
})
.catch(error => {
- i.state.imageLoading = false;
- i.setState(i.state);
+ i.setState({ imageLoading: false });
console.error(error);
toast(error, "danger");
});
this.choices.passedElement.element.addEventListener(
"choice",
(e: any) => {
- this.state.postForm.community_id = Number(e.detail.choice.value);
- this.setState(this.state);
+ this.setState(
+ s => (
+ (s.postForm.community_id = Number(e.detail.choice.value)), s
+ )
+ );
},
false
);
+ this.choices.passedElement.element.addEventListener("search", () => {
+ this.setState({ communitySearchLoading: true });
+ });
this.choices.passedElement.element.addEventListener(
"search",
debounce(async (e: any) => {
"label",
true
);
+ this.setState({ communitySearchLoading: false });
} catch (err) {
console.log(err);
}
- }, 400),
+ }),
false
);
}
}
- if (this.props.post_view) {
- this.state.postForm.community_id = this.props.post_view.community.id;
- } else if (
- this.props.params &&
- (this.props.params.community_id || this.props.params.community_name)
- ) {
- if (this.props.params.community_name) {
- let foundCommunityId = this.props.communities.find(
- r => r.community.name == this.props.params.community_name
- ).community.id;
- this.state.postForm.community_id = foundCommunityId;
- } else if (this.props.params.community_id) {
- this.state.postForm.community_id = this.props.params.community_id;
- }
-
- if (isBrowser()) {
- this.choices.setChoiceByValue(
- this.state.postForm.community_id.toString()
- );
- }
- this.setState(this.state);
- } else {
- // By default, the null valued 'Select a Community'
+ this.props.post_view.match({
+ some: pv =>
+ this.setState(s => ((s.postForm.community_id = pv.community.id), s)),
+ none: void 0,
+ });
+ this.props.params.match({
+ some: params =>
+ params.nameOrId.match({
+ some: nameOrId =>
+ nameOrId.match({
+ left: name => {
+ let foundCommunityId = this.props.communities
+ .unwrapOr([])
+ .find(r => r.community.name == name).community.id;
+ this.setState(
+ s => ((s.postForm.community_id = foundCommunityId), s)
+ );
+ },
+ right: id =>
+ this.setState(s => ((s.postForm.community_id = id), s)),
+ }),
+ none: void 0,
+ }),
+ none: void 0,
+ });
+
+ if (isBrowser() && this.state.postForm.community_id) {
+ this.choices.setChoiceByValue(
+ this.state.postForm.community_id.toString()
+ );
}
+ this.setState(this.state);
}
parseMessage(msg: any) {
let op = wsUserOp(msg);
console.log(msg);
if (msg.error) {
- toast(i18n.t(msg.error), "danger");
- this.state.loading = false;
- this.setState(this.state);
+ // Errors handled by top level pages
+ // toast(i18n.t(msg.error), "danger");
+ this.setState({ loading: false });
return;
} else if (op == UserOperation.CreatePost) {
- let data = wsJsonToRes<PostResponse>(msg).data;
- if (
- data.post_view.creator.id ==
- UserService.Instance.myUserInfo.local_user_view.person.id
- ) {
- this.state.loading = false;
- this.props.onCreate(data.post_view);
- }
+ let data = wsJsonToRes<PostResponse>(msg, PostResponse);
+ UserService.Instance.myUserInfo.match({
+ some: mui => {
+ if (data.post_view.creator.id == mui.local_user_view.person.id) {
+ this.props.onCreate(data.post_view);
+ }
+ },
+ none: void 0,
+ });
} else if (op == UserOperation.EditPost) {
- let data = wsJsonToRes<PostResponse>(msg).data;
- if (
- data.post_view.creator.id ==
- UserService.Instance.myUserInfo.local_user_view.person.id
- ) {
- this.state.loading = false;
- this.props.onEdit(data.post_view);
- }
+ let data = wsJsonToRes<PostResponse>(msg, PostResponse);
+ UserService.Instance.myUserInfo.match({
+ some: mui => {
+ if (data.post_view.creator.id == mui.local_user_view.person.id) {
+ this.setState({ loading: false });
+ this.props.onEdit(data.post_view);
+ }
+ },
+ none: void 0,
+ });
} else if (op == UserOperation.Search) {
- let data = wsJsonToRes<SearchResponse>(msg).data;
+ let data = wsJsonToRes<SearchResponse>(msg, SearchResponse);
if (data.type_ == SearchType[SearchType.Posts]) {
- this.state.suggestedPosts = data.posts;
+ this.setState({ suggestedPosts: Some(data.posts) });
} else if (data.type_ == SearchType[SearchType.Url]) {
- this.state.crossPosts = data.posts;
+ this.setState({ crossPosts: Some(data.posts) });
}
- this.setState(this.state);
}
}
}