fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-09 18:05:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix subscribe and block community buttons not showing up on first load

Browse source
This commit is contained in:
SleeplessOne1917 2023-06-27 19:01:47 -04:00
parent 1c759cc83b
commit e7c121aff9
1 changed files with 22 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
src/shared/components/community/sidebar.tsx
View file

@ -260,20 +260,18 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
subscribe() { subscribe() {
const community_view = this.props.community_view; const community_view = this.props.community_view;
return ( return (
<> community_view.subscribed === "NotSubscribed" && (
{community_view.subscribed == "NotSubscribed" && ( <button
<button className="btn btn-secondary d-block mb-2 w-100"
className="btn btn-secondary d-block mb-2 w-100" onClick={linkEvent(this, this.handleFollowCommunity)}
onClick={linkEvent(this, this.handleFollowCommunity)} >
> {this.state.followCommunityLoading ? (
{this.state.followCommunityLoading ? ( <Spinner />
<Spinner /> ) : (
) : ( I18NextService.i18n.t("subscribe")
I18NextService.i18n.t("subscribe") )}
)} </button>
</button> )
)}
</>
); );
} }
@ -281,18 +279,16 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
const { subscribed, blocked } = this.props.community_view; const { subscribed, blocked } = this.props.community_view;
return ( return (
<> subscribed === "NotSubscribed" && (
{subscribed == "NotSubscribed" && ( <button
<button className="btn btn-danger d-block mb-2 w-100"
className="btn btn-danger d-block mb-2 w-100" onClick={linkEvent(this, this.handleBlockCommunity)}
onClick={linkEvent(this, this.handleBlockCommunity)} >
> {I18NextService.i18n.t(
{I18NextService.i18n.t( blocked ? "unblock_community" : "block_community"
blocked ? "unblock_community" : "block_community" )}
)} </button>
</button> )
)}
</>
); );
} }