LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-30 00:01:15 +00:00
Code Issues Projects Releases Wiki Activity

fix: Fix Trending sidebar card too

Browse source
This commit is contained in:
Jay Sitter 2023-06-17 15:32:49 -04:00
parent 0d302c0e40
commit c8758317f7
1 changed files with 36 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
src/shared/components/home/home.tsx
View file

@ -1,3 +1,4 @@
import classNames from "classnames";
import { NoOptionI18nKeys } from "i18next"; import { NoOptionI18nKeys } from "i18next";
import { Component, linkEvent, MouseEventHandler } from "inferno"; import { Component, linkEvent, MouseEventHandler } from "inferno";
import { T } from "inferno-i18next-dess"; import { T } from "inferno-i18next-dess";
@ -448,7 +449,7 @@ export class Home extends Component<any, HomeState> {
)} )}
{showTrendingMobile && ( {showTrendingMobile && (
<div className="card border-secondary mb-3"> <div className="card border-secondary mb-3">
<div className="card-body">{this.trendingCommunities(true)}</div> {this.trendingCommunities(true)}
</div> </div>
)} )}
{showSubscribedMobile && ( {showSubscribedMobile && (
@ -472,19 +473,7 @@ export class Home extends Component<any, HomeState> {
return ( return (
<div id="sidebarContainer"> <div id="sidebarContainer">
<section id="sidebarMain" className="card border-secondary mb-3"> <section id="sidebarMain" className="card border-secondary mb-3">
<div className="card-body"> {this.trendingCommunities()}
{this.trendingCommunities()}
{canCreateCommunity(this.state.siteRes) && (
<LinkButton
path="/create_community"
translationKey="create_a_community"
/>
)}
<LinkButton
path="/communities"
translationKey="explore_communities"
/>
</div>
</section> </section>
<SiteSidebar <SiteSidebar
site={site} site={site}
@ -517,25 +506,40 @@ export class Home extends Component<any, HomeState> {
case "success": { case "success": {
const trending = this.state.trendingCommunitiesRes.data.communities; const trending = this.state.trendingCommunitiesRes.data.communities;
return ( return (
<div className={!isMobile ? "mb-2" : ""}> <div
<h5> className={classNames({
<T i18nKey="trending_communities"> "mb-2": !isMobile,
# })}
<Link className="text-body" to="/communities"> >
<header className="card-header d-flex align-items-center">
<h5 className="mb-0">
<T i18nKey="trending_communities">
# #
</Link> <Link className="text-body" to="/communities">
</T> #
</h5> </Link>
<ul className="list-inline mb-0"> </T>
{trending.map(cv => ( </h5>
<li </header>
key={cv.community.id} <div className="card-body">
className="list-inline-item d-inline-block" <ul className="list-inline">
> {trending.map(cv => (
<CommunityLink community={cv.community} /> <li key={cv.community.id} className="list-inline-item">
</li> <CommunityLink community={cv.community} />
))} </li>
</ul> ))}
</ul>
{canCreateCommunity(this.state.siteRes) && (
<LinkButton
path="/create_community"
translationKey="create_a_community"
/>
)}
<LinkButton
path="/communities"
translationKey="explore_communities"
/>
</div>
</div> </div>
); );
} }