fix block community functionality in sidebar (#1316)

Co-authored-by: Dessalines <dessalines@users.noreply.github.com>
This commit is contained in:
Jordan Enterkin 2023-06-16 11:01:09 -06:00 committed by GitHub
parent 414c930929
commit afcffce572
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 25 additions and 43 deletions

View file

@ -647,6 +647,12 @@ export class Community extends Component<
const blockCommunityRes = await HttpService.client.blockCommunity(form);
if (blockCommunityRes.state == "success") {
updateCommunityBlock(blockCommunityRes.data);
this.setState(s => {
if (s.communityRes.state == "success") {
s.communityRes.data.community_view.blocked =
blockCommunityRes.data.blocked;
}
});
}
}

View file

@ -64,7 +64,6 @@ interface SidebarState {
removeCommunityLoading: boolean;
leaveModTeamLoading: boolean;
followCommunityLoading: boolean;
blockCommunityLoading: boolean;
purgeCommunityLoading: boolean;
}
@ -78,7 +77,6 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
removeCommunityLoading: false,
leaveModTeamLoading: false,
followCommunityLoading: false,
blockCommunityLoading: false,
purgeCommunityLoading: false,
};
@ -105,7 +103,6 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
removeCommunityLoading: false,
leaveModTeamLoading: false,
followCommunityLoading: false,
blockCommunityLoading: false,
purgeCommunityLoading: false,
});
}
@ -376,35 +373,18 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
}
blockCommunity() {
const community_view = this.props.community_view;
const blocked = this.props.community_view.blocked;
const { subscribed, blocked } = this.props.community_view;
return (
<div className="mb-2">
{community_view.subscribed == "NotSubscribed" &&
(blocked ? (
<button
className="btn btn-danger btn-block"
onClick={linkEvent(this, this.handleBlockCommunity)}
>
{this.state.blockCommunityLoading ? (
<Spinner />
) : (
i18n.t("unblock_community")
)}
</button>
) : (
<button
className="btn btn-danger btn-block"
onClick={linkEvent(this, this.handleBlockCommunity)}
>
{this.state.blockCommunityLoading ? (
<Spinner />
) : (
i18n.t("block_community")
)}
</button>
))}
{subscribed == "NotSubscribed" && (
<button
className="btn btn-danger btn-block"
onClick={linkEvent(this, this.handleBlockCommunity)}
>
{i18n.t(blocked ? "unblock_community" : "block_community")}
</button>
)}
</div>
);
}
@ -668,10 +648,11 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
}
handleBlockCommunity(i: Sidebar) {
i.setState({ blockCommunityLoading: true });
const { community, blocked } = i.props.community_view;
i.props.onBlockCommunity({
community_id: 0,
block: !i.props.community_view.blocked,
community_id: community.id,
block: !blocked,
auth: myAuthRequired(),
});
}

View file

@ -729,19 +729,14 @@ export class Post extends Component<any, PostState> {
async handleBlockCommunity(form: BlockCommunity) {
const blockCommunityRes = await HttpService.client.blockCommunity(form);
// TODO Probably isn't necessary
this.setState(s => {
if (
s.postRes.state == "success" &&
blockCommunityRes.state == "success"
) {
s.postRes.data.community_view = blockCommunityRes.data.community_view;
}
return s;
});
if (blockCommunityRes.state == "success") {
updateCommunityBlock(blockCommunityRes.data);
this.setState(s => {
if (s.postRes.state == "success") {
s.postRes.data.community_view.blocked =
blockCommunityRes.data.blocked;
}
});
}
}