mirror of
https://github.com/LemmyNet/lemmy-ui.git
synced 2024-11-09 18:05:09 +00:00
make subscribe/unsub/pending button consistent
This commit is contained in:
parent
314aa796c0
commit
a8339c38c7
|
@ -176,33 +176,6 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
|
||||||
<span className="me-2">
|
<span className="me-2">
|
||||||
<CommunityLink community={community} hideAvatar />
|
<CommunityLink community={community} hideAvatar />
|
||||||
</span>
|
</span>
|
||||||
{subscribed === "Subscribed" && (
|
|
||||||
<button
|
|
||||||
className="btn btn-secondary btn-sm me-2"
|
|
||||||
onClick={linkEvent(this, this.handleUnfollowCommunity)}
|
|
||||||
>
|
|
||||||
{this.state.followCommunityLoading ? (
|
|
||||||
<Spinner />
|
|
||||||
) : (
|
|
||||||
<>
|
|
||||||
<Icon icon="check" classes="icon-inline text-success me-1" />
|
|
||||||
{I18NextService.i18n.t("joined")}
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</button>
|
|
||||||
)}
|
|
||||||
{subscribed === "Pending" && (
|
|
||||||
<button
|
|
||||||
className="btn btn-warning me-2"
|
|
||||||
onClick={linkEvent(this, this.handleUnfollowCommunity)}
|
|
||||||
>
|
|
||||||
{this.state.followCommunityLoading ? (
|
|
||||||
<Spinner />
|
|
||||||
) : (
|
|
||||||
I18NextService.i18n.t("subscribe_pending")
|
|
||||||
)}
|
|
||||||
</button>
|
|
||||||
)}
|
|
||||||
{community.removed && (
|
{community.removed && (
|
||||||
<small className="me-2 text-muted fst-italic">
|
<small className="me-2 text-muted fst-italic">
|
||||||
{I18NextService.i18n.t("removed")}
|
{I18NextService.i18n.t("removed")}
|
||||||
|
@ -259,8 +232,9 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
|
||||||
|
|
||||||
subscribe() {
|
subscribe() {
|
||||||
const community_view = this.props.community_view;
|
const community_view = this.props.community_view;
|
||||||
return (
|
|
||||||
community_view.subscribed === "NotSubscribed" && (
|
if (community_view.subscribed === "NotSubscribed") {
|
||||||
|
return (
|
||||||
<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)}
|
||||||
|
@ -271,8 +245,41 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
|
||||||
I18NextService.i18n.t("subscribe")
|
I18NextService.i18n.t("subscribe")
|
||||||
)}
|
)}
|
||||||
</button>
|
</button>
|
||||||
)
|
);
|
||||||
);
|
}
|
||||||
|
|
||||||
|
if (community_view.subscribed === "Subscribed") {
|
||||||
|
return (
|
||||||
|
<button
|
||||||
|
className="btn btn-secondary d-block mb-2 w-100"
|
||||||
|
onClick={linkEvent(this, this.handleUnfollowCommunity)}
|
||||||
|
>
|
||||||
|
{this.state.followCommunityLoading ? (
|
||||||
|
<Spinner />
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<Icon icon="check" classes="icon-inline text-success me-1" />
|
||||||
|
{I18NextService.i18n.t("joined")}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (community_view.subscribed === "Pending") {
|
||||||
|
return (
|
||||||
|
<button
|
||||||
|
className="btn btn-warning d-block mb-2 w-100"
|
||||||
|
onClick={linkEvent(this, this.handleUnfollowCommunity)}
|
||||||
|
>
|
||||||
|
{this.state.followCommunityLoading ? (
|
||||||
|
<Spinner />
|
||||||
|
) : (
|
||||||
|
I18NextService.i18n.t("subscribe_pending")
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
blockCommunity() {
|
blockCommunity() {
|
||||||
|
|
Loading…
Reference in a new issue