mirror of
https://github.com/LemmyNet/lemmy-ui.git
synced 2024-11-02 02:29:59 +00:00
d4ca2085ad
* Fix local development. * Updating translations. * Adding default site post listing. Fixes #625
808 lines
24 KiB
TypeScript
808 lines
24 KiB
TypeScript
import { Component, linkEvent } from "inferno";
|
|
import { T } from "inferno-i18next-dess";
|
|
import { Link } from "inferno-router";
|
|
import {
|
|
AddAdminResponse,
|
|
BanPersonResponse,
|
|
BlockPersonResponse,
|
|
CommentReportResponse,
|
|
CommentResponse,
|
|
CommentView,
|
|
CommunityView,
|
|
GetComments,
|
|
GetCommentsResponse,
|
|
GetPosts,
|
|
GetPostsResponse,
|
|
GetSiteResponse,
|
|
ListCommunities,
|
|
ListCommunitiesResponse,
|
|
ListingType,
|
|
PostReportResponse,
|
|
PostResponse,
|
|
PostView,
|
|
SiteResponse,
|
|
SortType,
|
|
UserOperation,
|
|
} from "lemmy-js-client";
|
|
import { Subscription } from "rxjs";
|
|
import { i18n } from "../../i18next";
|
|
import { DataType, InitialFetchRequest } from "../../interfaces";
|
|
import { UserService, WebSocketService } from "../../services";
|
|
import {
|
|
authField,
|
|
commentsToFlatNodes,
|
|
createCommentLikeRes,
|
|
createPostLikeFindRes,
|
|
editCommentRes,
|
|
editPostFindRes,
|
|
fetchLimit,
|
|
getDataTypeFromProps,
|
|
getListingTypeFromProps,
|
|
getPageFromProps,
|
|
getSortTypeFromProps,
|
|
notifyPost,
|
|
relTags,
|
|
restoreScrollPosition,
|
|
saveCommentRes,
|
|
saveScrollPosition,
|
|
setIsoData,
|
|
setOptionalAuth,
|
|
setupTippy,
|
|
showLocal,
|
|
toast,
|
|
updatePersonBlock,
|
|
wsClient,
|
|
wsJsonToRes,
|
|
wsSubscribe,
|
|
wsUserOp,
|
|
} from "../../utils";
|
|
import { CommentNodes } from "../comment/comment-nodes";
|
|
import { DataTypeSelect } from "../common/data-type-select";
|
|
import { HtmlTags } from "../common/html-tags";
|
|
import { Icon, Spinner } from "../common/icon";
|
|
import { ListingTypeSelect } from "../common/listing-type-select";
|
|
import { Paginator } from "../common/paginator";
|
|
import { SortSelect } from "../common/sort-select";
|
|
import { CommunityLink } from "../community/community-link";
|
|
import { PostListings } from "../post/post-listings";
|
|
import { SiteSidebar } from "./site-sidebar";
|
|
|
|
interface HomeState {
|
|
trendingCommunities: CommunityView[];
|
|
siteRes: GetSiteResponse;
|
|
showSubscribedMobile: boolean;
|
|
showTrendingMobile: boolean;
|
|
showSidebarMobile: boolean;
|
|
subscribedCollapsed: boolean;
|
|
loading: boolean;
|
|
posts: PostView[];
|
|
comments: CommentView[];
|
|
listingType: ListingType;
|
|
dataType: DataType;
|
|
sort: SortType;
|
|
page: number;
|
|
}
|
|
|
|
interface HomeProps {
|
|
listingType: ListingType;
|
|
dataType: DataType;
|
|
sort: SortType;
|
|
page: number;
|
|
}
|
|
|
|
interface UrlParams {
|
|
listingType?: ListingType;
|
|
dataType?: string;
|
|
sort?: SortType;
|
|
page?: number;
|
|
}
|
|
|
|
export class Home extends Component<any, HomeState> {
|
|
private isoData = setIsoData(this.context);
|
|
private subscription: Subscription;
|
|
private emptyState: HomeState = {
|
|
trendingCommunities: [],
|
|
siteRes: this.isoData.site_res,
|
|
showSubscribedMobile: false,
|
|
showTrendingMobile: false,
|
|
showSidebarMobile: false,
|
|
subscribedCollapsed: false,
|
|
loading: true,
|
|
posts: [],
|
|
comments: [],
|
|
listingType: getListingTypeFromProps(
|
|
this.props,
|
|
ListingType[
|
|
this.isoData.site_res.site_view.site.default_post_listing_type
|
|
]
|
|
),
|
|
dataType: getDataTypeFromProps(this.props),
|
|
sort: getSortTypeFromProps(this.props),
|
|
page: getPageFromProps(this.props),
|
|
};
|
|
|
|
constructor(props: any, context: any) {
|
|
super(props, context);
|
|
|
|
this.state = this.emptyState;
|
|
this.handleSortChange = this.handleSortChange.bind(this);
|
|
this.handleListingTypeChange = this.handleListingTypeChange.bind(this);
|
|
this.handleDataTypeChange = this.handleDataTypeChange.bind(this);
|
|
this.handlePageChange = this.handlePageChange.bind(this);
|
|
|
|
this.parseMessage = this.parseMessage.bind(this);
|
|
this.subscription = wsSubscribe(this.parseMessage);
|
|
|
|
// Only fetch the data if coming from another route
|
|
if (this.isoData.path == this.context.router.route.match.url) {
|
|
if (this.state.dataType == DataType.Post) {
|
|
this.state.posts = this.isoData.routeData[0].posts;
|
|
} else {
|
|
this.state.comments = this.isoData.routeData[0].comments;
|
|
}
|
|
this.state.trendingCommunities = this.isoData.routeData[1].communities;
|
|
this.state.loading = false;
|
|
} else {
|
|
this.fetchTrendingCommunities();
|
|
this.fetchData();
|
|
}
|
|
}
|
|
|
|
fetchTrendingCommunities() {
|
|
let listCommunitiesForm: ListCommunities = {
|
|
type_: ListingType.Local,
|
|
sort: SortType.Hot,
|
|
limit: 6,
|
|
auth: authField(false),
|
|
};
|
|
WebSocketService.Instance.send(
|
|
wsClient.listCommunities(listCommunitiesForm)
|
|
);
|
|
}
|
|
|
|
componentDidMount() {
|
|
// This means it hasn't been set up yet
|
|
if (!this.state.siteRes.site_view) {
|
|
this.context.router.history.push("/setup");
|
|
}
|
|
|
|
WebSocketService.Instance.send(wsClient.communityJoin({ community_id: 0 }));
|
|
setupTippy();
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
saveScrollPosition(this.context);
|
|
this.subscription.unsubscribe();
|
|
window.isoData.path = undefined;
|
|
}
|
|
|
|
static getDerivedStateFromProps(props: any): HomeProps {
|
|
return {
|
|
listingType: getListingTypeFromProps(props, ListingType.Local),
|
|
dataType: getDataTypeFromProps(props),
|
|
sort: getSortTypeFromProps(props),
|
|
page: getPageFromProps(props),
|
|
};
|
|
}
|
|
|
|
static fetchInitialData(req: InitialFetchRequest): Promise<any>[] {
|
|
let pathSplit = req.path.split("/");
|
|
let dataType: DataType = pathSplit[3]
|
|
? DataType[pathSplit[3]]
|
|
: DataType.Post;
|
|
|
|
// TODO figure out auth default_listingType, default_sort_type
|
|
let type_: ListingType = pathSplit[5]
|
|
? ListingType[pathSplit[5]]
|
|
: UserService.Instance.myUserInfo
|
|
? Object.values(ListingType)[
|
|
UserService.Instance.myUserInfo.local_user_view.local_user
|
|
.default_listing_type
|
|
]
|
|
: null;
|
|
let sort: SortType = pathSplit[7]
|
|
? SortType[pathSplit[7]]
|
|
: UserService.Instance.myUserInfo
|
|
? Object.values(SortType)[
|
|
UserService.Instance.myUserInfo.local_user_view.local_user
|
|
.default_sort_type
|
|
]
|
|
: SortType.Active;
|
|
|
|
let page = pathSplit[9] ? Number(pathSplit[9]) : 1;
|
|
|
|
let promises: Promise<any>[] = [];
|
|
|
|
if (dataType == DataType.Post) {
|
|
let getPostsForm: GetPosts = {
|
|
page,
|
|
limit: fetchLimit,
|
|
sort,
|
|
saved_only: false,
|
|
};
|
|
if (type_) {
|
|
getPostsForm.type_ = type_;
|
|
}
|
|
|
|
setOptionalAuth(getPostsForm, req.auth);
|
|
promises.push(req.client.getPosts(getPostsForm));
|
|
} else {
|
|
let getCommentsForm: GetComments = {
|
|
page,
|
|
limit: fetchLimit,
|
|
sort,
|
|
type_: type_ || ListingType.Local,
|
|
saved_only: false,
|
|
};
|
|
setOptionalAuth(getCommentsForm, req.auth);
|
|
promises.push(req.client.getComments(getCommentsForm));
|
|
}
|
|
|
|
let trendingCommunitiesForm: ListCommunities = {
|
|
type_: ListingType.Local,
|
|
sort: SortType.Hot,
|
|
limit: 6,
|
|
};
|
|
setOptionalAuth(trendingCommunitiesForm, req.auth);
|
|
promises.push(req.client.listCommunities(trendingCommunitiesForm));
|
|
|
|
return promises;
|
|
}
|
|
|
|
componentDidUpdate(_: any, lastState: HomeState) {
|
|
if (
|
|
lastState.listingType !== this.state.listingType ||
|
|
lastState.dataType !== this.state.dataType ||
|
|
lastState.sort !== this.state.sort ||
|
|
lastState.page !== this.state.page
|
|
) {
|
|
this.setState({ loading: true });
|
|
this.fetchData();
|
|
}
|
|
}
|
|
|
|
get documentTitle(): string {
|
|
return `${
|
|
this.state.siteRes.site_view
|
|
? this.state.siteRes.site_view.site.description
|
|
? `${this.state.siteRes.site_view.site.name} - ${this.state.siteRes.site_view.site.description}`
|
|
: this.state.siteRes.site_view.site.name
|
|
: "Lemmy"
|
|
}`;
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div class="container">
|
|
<HtmlTags
|
|
title={this.documentTitle}
|
|
path={this.context.router.route.match.url}
|
|
/>
|
|
{this.state.siteRes.site_view?.site && (
|
|
<div class="row">
|
|
<main role="main" class="col-12 col-md-8">
|
|
<div class="d-block d-md-none">{this.mobileView()}</div>
|
|
{this.posts()}
|
|
</main>
|
|
<aside class="d-none d-md-block col-md-4">{this.mySidebar()}</aside>
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
mobileView() {
|
|
let siteRes = this.state.siteRes;
|
|
return (
|
|
<div class="row">
|
|
<div class="col-12">
|
|
{UserService.Instance.myUserInfo &&
|
|
UserService.Instance.myUserInfo.follows.length > 0 && (
|
|
<button
|
|
class="btn btn-secondary d-inline-block mb-2 mr-3"
|
|
onClick={linkEvent(this, this.handleShowSubscribedMobile)}
|
|
>
|
|
{i18n.t("subscribed")}{" "}
|
|
<Icon
|
|
icon={
|
|
this.state.showSubscribedMobile
|
|
? `minus-square`
|
|
: `plus-square`
|
|
}
|
|
classes="icon-inline"
|
|
/>
|
|
</button>
|
|
)}
|
|
<button
|
|
class="btn btn-secondary d-inline-block mb-2 mr-3"
|
|
onClick={linkEvent(this, this.handleShowTrendingMobile)}
|
|
>
|
|
{i18n.t("trending")}{" "}
|
|
<Icon
|
|
icon={
|
|
this.state.showTrendingMobile ? `minus-square` : `plus-square`
|
|
}
|
|
classes="icon-inline"
|
|
/>
|
|
</button>
|
|
<button
|
|
class="btn btn-secondary d-inline-block mb-2 mr-3"
|
|
onClick={linkEvent(this, this.handleShowSidebarMobile)}
|
|
>
|
|
{i18n.t("sidebar")}{" "}
|
|
<Icon
|
|
icon={
|
|
this.state.showSidebarMobile ? `minus-square` : `plus-square`
|
|
}
|
|
classes="icon-inline"
|
|
/>
|
|
</button>
|
|
{this.state.showSidebarMobile && (
|
|
<SiteSidebar
|
|
site={siteRes.site_view.site}
|
|
admins={siteRes.admins}
|
|
counts={siteRes.site_view.counts}
|
|
online={siteRes.online}
|
|
showLocal={showLocal(this.isoData)}
|
|
/>
|
|
)}
|
|
{this.state.showTrendingMobile && (
|
|
<div class="col-12 card border-secondary mb-3">
|
|
<div class="card-body">{this.trendingCommunities()}</div>
|
|
</div>
|
|
)}
|
|
{this.state.showSubscribedMobile && (
|
|
<div class="col-12 card border-secondary mb-3">
|
|
<div class="card-body">{this.subscribedCommunities()}</div>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
mySidebar() {
|
|
let siteRes = this.state.siteRes;
|
|
return (
|
|
<div>
|
|
{!this.state.loading && (
|
|
<div>
|
|
<div class="card border-secondary mb-3">
|
|
<div class="card-body">
|
|
{this.trendingCommunities()}
|
|
{this.createCommunityButton()}
|
|
{this.exploreCommunitiesButton()}
|
|
</div>
|
|
</div>
|
|
|
|
<SiteSidebar
|
|
site={siteRes.site_view.site}
|
|
admins={siteRes.admins}
|
|
counts={siteRes.site_view.counts}
|
|
online={siteRes.online}
|
|
showLocal={showLocal(this.isoData)}
|
|
/>
|
|
|
|
{UserService.Instance.myUserInfo &&
|
|
UserService.Instance.myUserInfo.follows.length > 0 && (
|
|
<div class="card border-secondary mb-3">
|
|
<div class="card-body">{this.subscribedCommunities()}</div>
|
|
</div>
|
|
)}
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
createCommunityButton() {
|
|
return (
|
|
<Link className="mt-2 btn btn-secondary btn-block" to="/create_community">
|
|
{i18n.t("create_a_community")}
|
|
</Link>
|
|
);
|
|
}
|
|
|
|
exploreCommunitiesButton() {
|
|
return (
|
|
<Link className="btn btn-secondary btn-block" to="/communities">
|
|
{i18n.t("explore_communities")}
|
|
</Link>
|
|
);
|
|
}
|
|
|
|
trendingCommunities() {
|
|
return (
|
|
<div>
|
|
<h5>
|
|
<T i18nKey="trending_communities">
|
|
#
|
|
<Link className="text-body" to="/communities">
|
|
#
|
|
</Link>
|
|
</T>
|
|
</h5>
|
|
<ul class="list-inline mb-0">
|
|
{this.state.trendingCommunities.map(cv => (
|
|
<li class="list-inline-item d-inline-block">
|
|
<CommunityLink community={cv.community} />
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
subscribedCommunities() {
|
|
return (
|
|
<div>
|
|
<h5>
|
|
<T class="d-inline" i18nKey="subscribed_to_communities">
|
|
#
|
|
<Link className="text-body" to="/communities">
|
|
#
|
|
</Link>
|
|
</T>
|
|
<button
|
|
class="btn btn-sm text-muted"
|
|
onClick={linkEvent(this, this.handleCollapseSubscribe)}
|
|
aria-label={i18n.t("collapse")}
|
|
data-tippy-content={i18n.t("collapse")}
|
|
>
|
|
{this.state.subscribedCollapsed ? (
|
|
<Icon icon="plus-square" classes="icon-inline" />
|
|
) : (
|
|
<Icon icon="minus-square" classes="icon-inline" />
|
|
)}
|
|
</button>
|
|
</h5>
|
|
{!this.state.subscribedCollapsed && (
|
|
<ul class="list-inline mb-0">
|
|
{UserService.Instance.myUserInfo.follows.map(cfv => (
|
|
<li class="list-inline-item d-inline-block">
|
|
<CommunityLink community={cfv.community} />
|
|
</li>
|
|
))}
|
|
</ul>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
updateUrl(paramUpdates: UrlParams) {
|
|
const listingTypeStr = paramUpdates.listingType || this.state.listingType;
|
|
const dataTypeStr = paramUpdates.dataType || DataType[this.state.dataType];
|
|
const sortStr = paramUpdates.sort || this.state.sort;
|
|
const page = paramUpdates.page || this.state.page;
|
|
this.props.history.push(
|
|
`/home/data_type/${dataTypeStr}/listing_type/${listingTypeStr}/sort/${sortStr}/page/${page}`
|
|
);
|
|
}
|
|
|
|
posts() {
|
|
return (
|
|
<div class="main-content-wrapper">
|
|
{this.state.loading ? (
|
|
<h5>
|
|
<Spinner large />
|
|
</h5>
|
|
) : (
|
|
<div>
|
|
{this.selects()}
|
|
{this.listings()}
|
|
<Paginator
|
|
page={this.state.page}
|
|
onChange={this.handlePageChange}
|
|
/>
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
listings() {
|
|
let site = this.state.siteRes.site_view.site;
|
|
return this.state.dataType == DataType.Post ? (
|
|
<PostListings
|
|
posts={this.state.posts}
|
|
showCommunity
|
|
removeDuplicates
|
|
enableDownvotes={site.enable_downvotes}
|
|
enableNsfw={site.enable_nsfw}
|
|
/>
|
|
) : (
|
|
<CommentNodes
|
|
nodes={commentsToFlatNodes(this.state.comments)}
|
|
noIndent
|
|
showCommunity
|
|
showContext
|
|
enableDownvotes={site.enable_downvotes}
|
|
/>
|
|
);
|
|
}
|
|
|
|
selects() {
|
|
let allRss = `/feeds/all.xml?sort=${this.state.sort}`;
|
|
let localRss = `/feeds/local.xml?sort=${this.state.sort}`;
|
|
let frontRss = UserService.Instance.myUserInfo
|
|
? `/feeds/front/${UserService.Instance.auth}.xml?sort=${this.state.sort}`
|
|
: "";
|
|
|
|
return (
|
|
<div className="mb-3">
|
|
<span class="mr-3">
|
|
<DataTypeSelect
|
|
type_={this.state.dataType}
|
|
onChange={this.handleDataTypeChange}
|
|
/>
|
|
</span>
|
|
<span class="mr-3">
|
|
<ListingTypeSelect
|
|
type_={this.state.listingType}
|
|
showLocal={showLocal(this.isoData)}
|
|
showSubscribed
|
|
onChange={this.handleListingTypeChange}
|
|
/>
|
|
</span>
|
|
<span class="mr-2">
|
|
<SortSelect sort={this.state.sort} onChange={this.handleSortChange} />
|
|
</span>
|
|
{this.state.listingType == ListingType.All && (
|
|
<>
|
|
<a href={allRss} rel={relTags} title="RSS">
|
|
<Icon icon="rss" classes="text-muted small" />
|
|
</a>
|
|
<link rel="alternate" type="application/atom+xml" href={allRss} />
|
|
</>
|
|
)}
|
|
{this.state.listingType == ListingType.Local && (
|
|
<>
|
|
<a href={localRss} rel={relTags} title="RSS">
|
|
<Icon icon="rss" classes="text-muted small" />
|
|
</a>
|
|
<link rel="alternate" type="application/atom+xml" href={localRss} />
|
|
</>
|
|
)}
|
|
{UserService.Instance.myUserInfo &&
|
|
this.state.listingType == ListingType.Subscribed && (
|
|
<>
|
|
<a href={frontRss} title="RSS" rel={relTags}>
|
|
<Icon icon="rss" classes="text-muted small" />
|
|
</a>
|
|
<link
|
|
rel="alternate"
|
|
type="application/atom+xml"
|
|
href={frontRss}
|
|
/>
|
|
</>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
handleShowSubscribedMobile(i: Home) {
|
|
i.state.showSubscribedMobile = !i.state.showSubscribedMobile;
|
|
i.setState(i.state);
|
|
}
|
|
|
|
handleShowTrendingMobile(i: Home) {
|
|
i.state.showTrendingMobile = !i.state.showTrendingMobile;
|
|
i.setState(i.state);
|
|
}
|
|
|
|
handleShowSidebarMobile(i: Home) {
|
|
i.state.showSidebarMobile = !i.state.showSidebarMobile;
|
|
i.setState(i.state);
|
|
}
|
|
|
|
handleCollapseSubscribe(i: Home) {
|
|
i.state.subscribedCollapsed = !i.state.subscribedCollapsed;
|
|
i.setState(i.state);
|
|
}
|
|
|
|
handlePageChange(page: number) {
|
|
this.updateUrl({ page });
|
|
window.scrollTo(0, 0);
|
|
}
|
|
|
|
handleSortChange(val: SortType) {
|
|
this.updateUrl({ sort: val, page: 1 });
|
|
window.scrollTo(0, 0);
|
|
}
|
|
|
|
handleListingTypeChange(val: ListingType) {
|
|
this.updateUrl({ listingType: val, page: 1 });
|
|
window.scrollTo(0, 0);
|
|
}
|
|
|
|
handleDataTypeChange(val: DataType) {
|
|
this.updateUrl({ dataType: DataType[val], page: 1 });
|
|
window.scrollTo(0, 0);
|
|
}
|
|
|
|
fetchData() {
|
|
if (this.state.dataType == DataType.Post) {
|
|
let getPostsForm: GetPosts = {
|
|
page: this.state.page,
|
|
limit: fetchLimit,
|
|
sort: this.state.sort,
|
|
saved_only: false,
|
|
auth: authField(false),
|
|
};
|
|
if (this.state.listingType) {
|
|
getPostsForm.type_ = this.state.listingType;
|
|
}
|
|
|
|
WebSocketService.Instance.send(wsClient.getPosts(getPostsForm));
|
|
} else {
|
|
let getCommentsForm: GetComments = {
|
|
page: this.state.page,
|
|
limit: fetchLimit,
|
|
sort: this.state.sort,
|
|
type_: this.state.listingType,
|
|
saved_only: false,
|
|
auth: authField(false),
|
|
};
|
|
WebSocketService.Instance.send(wsClient.getComments(getCommentsForm));
|
|
}
|
|
}
|
|
|
|
parseMessage(msg: any) {
|
|
let op = wsUserOp(msg);
|
|
console.log(msg);
|
|
if (msg.error) {
|
|
toast(i18n.t(msg.error), "danger");
|
|
return;
|
|
} else if (msg.reconnect) {
|
|
WebSocketService.Instance.send(
|
|
wsClient.communityJoin({ community_id: 0 })
|
|
);
|
|
this.fetchData();
|
|
} else if (op == UserOperation.ListCommunities) {
|
|
let data = wsJsonToRes<ListCommunitiesResponse>(msg).data;
|
|
this.state.trendingCommunities = data.communities;
|
|
this.setState(this.state);
|
|
} else if (op == UserOperation.EditSite) {
|
|
let data = wsJsonToRes<SiteResponse>(msg).data;
|
|
this.state.siteRes.site_view = data.site_view;
|
|
this.setState(this.state);
|
|
toast(i18n.t("site_saved"));
|
|
} else if (op == UserOperation.GetPosts) {
|
|
let data = wsJsonToRes<GetPostsResponse>(msg).data;
|
|
this.state.posts = data.posts;
|
|
this.state.loading = false;
|
|
this.setState(this.state);
|
|
restoreScrollPosition(this.context);
|
|
setupTippy();
|
|
} else if (op == UserOperation.CreatePost) {
|
|
let data = wsJsonToRes<PostResponse>(msg).data;
|
|
|
|
// NSFW check
|
|
let nsfw = data.post_view.post.nsfw || data.post_view.community.nsfw;
|
|
let nsfwCheck =
|
|
!nsfw ||
|
|
(nsfw &&
|
|
UserService.Instance.myUserInfo &&
|
|
UserService.Instance.myUserInfo.local_user_view.local_user.show_nsfw);
|
|
|
|
// Only push these if you're on the first page, and you pass the nsfw check
|
|
if (this.state.page == 1 && nsfwCheck) {
|
|
// If you're on subscribed, only push it if you're subscribed.
|
|
if (this.state.listingType == ListingType.Subscribed) {
|
|
if (
|
|
UserService.Instance.myUserInfo.follows
|
|
.map(c => c.community.id)
|
|
.includes(data.post_view.community.id)
|
|
) {
|
|
this.state.posts.unshift(data.post_view);
|
|
if (
|
|
UserService.Instance.myUserInfo?.local_user_view.local_user
|
|
.show_new_post_notifs
|
|
) {
|
|
notifyPost(data.post_view, this.context.router);
|
|
}
|
|
}
|
|
} else if (this.state.listingType == ListingType.Local) {
|
|
// If you're on the local view, only push it if its local
|
|
if (data.post_view.post.local) {
|
|
this.state.posts.unshift(data.post_view);
|
|
if (
|
|
UserService.Instance.myUserInfo?.local_user_view.local_user
|
|
.show_new_post_notifs
|
|
) {
|
|
notifyPost(data.post_view, this.context.router);
|
|
}
|
|
}
|
|
} else {
|
|
this.state.posts.unshift(data.post_view);
|
|
if (
|
|
UserService.Instance.myUserInfo?.local_user_view.local_user
|
|
.show_new_post_notifs
|
|
) {
|
|
notifyPost(data.post_view, this.context.router);
|
|
}
|
|
}
|
|
this.setState(this.state);
|
|
}
|
|
} else if (
|
|
op == UserOperation.EditPost ||
|
|
op == UserOperation.DeletePost ||
|
|
op == UserOperation.RemovePost ||
|
|
op == UserOperation.LockPost ||
|
|
op == UserOperation.StickyPost ||
|
|
op == UserOperation.SavePost
|
|
) {
|
|
let data = wsJsonToRes<PostResponse>(msg).data;
|
|
editPostFindRes(data.post_view, this.state.posts);
|
|
this.setState(this.state);
|
|
} else if (op == UserOperation.CreatePostLike) {
|
|
let data = wsJsonToRes<PostResponse>(msg).data;
|
|
createPostLikeFindRes(data.post_view, this.state.posts);
|
|
this.setState(this.state);
|
|
} else if (op == UserOperation.AddAdmin) {
|
|
let data = wsJsonToRes<AddAdminResponse>(msg).data;
|
|
this.state.siteRes.admins = data.admins;
|
|
this.setState(this.state);
|
|
} else if (op == UserOperation.BanPerson) {
|
|
let data = wsJsonToRes<BanPersonResponse>(msg).data;
|
|
this.state.posts
|
|
.filter(p => p.creator.id == data.person_view.person.id)
|
|
.forEach(p => (p.creator.banned = data.banned));
|
|
|
|
this.setState(this.state);
|
|
} else if (op == UserOperation.GetComments) {
|
|
let data = wsJsonToRes<GetCommentsResponse>(msg).data;
|
|
this.state.comments = data.comments;
|
|
this.state.loading = false;
|
|
this.setState(this.state);
|
|
} else if (
|
|
op == UserOperation.EditComment ||
|
|
op == UserOperation.DeleteComment ||
|
|
op == UserOperation.RemoveComment
|
|
) {
|
|
let data = wsJsonToRes<CommentResponse>(msg).data;
|
|
editCommentRes(data.comment_view, this.state.comments);
|
|
this.setState(this.state);
|
|
} else if (op == UserOperation.CreateComment) {
|
|
let data = wsJsonToRes<CommentResponse>(msg).data;
|
|
|
|
// Necessary since it might be a user reply
|
|
if (data.form_id) {
|
|
// If you're on subscribed, only push it if you're subscribed.
|
|
if (this.state.listingType == ListingType.Subscribed) {
|
|
if (
|
|
UserService.Instance.myUserInfo.follows
|
|
.map(c => c.community.id)
|
|
.includes(data.comment_view.community.id)
|
|
) {
|
|
this.state.comments.unshift(data.comment_view);
|
|
}
|
|
} else {
|
|
this.state.comments.unshift(data.comment_view);
|
|
}
|
|
this.setState(this.state);
|
|
}
|
|
} else if (op == UserOperation.SaveComment) {
|
|
let data = wsJsonToRes<CommentResponse>(msg).data;
|
|
saveCommentRes(data.comment_view, this.state.comments);
|
|
this.setState(this.state);
|
|
} else if (op == UserOperation.CreateCommentLike) {
|
|
let data = wsJsonToRes<CommentResponse>(msg).data;
|
|
createCommentLikeRes(data.comment_view, this.state.comments);
|
|
this.setState(this.state);
|
|
} else if (op == UserOperation.BlockPerson) {
|
|
let data = wsJsonToRes<BlockPersonResponse>(msg).data;
|
|
updatePersonBlock(data);
|
|
} else if (op == UserOperation.CreatePostReport) {
|
|
let data = wsJsonToRes<PostReportResponse>(msg).data;
|
|
if (data) {
|
|
toast(i18n.t("report_created"));
|
|
}
|
|
} else if (op == UserOperation.CreateCommentReport) {
|
|
let data = wsJsonToRes<CommentReportResponse>(msg).data;
|
|
if (data) {
|
|
toast(i18n.t("report_created"));
|
|
}
|
|
}
|
|
}
|
|
}
|