From 3564c6c379ff7be50b26dea9240080656bc30316 Mon Sep 17 00:00:00 2001 From: Jay Sitter <jay@jaysitter.com> Date: Sat, 17 Jun 2023 17:01:14 -0400 Subject: [PATCH] fix: Fix some small style issues --- src/shared/components/home/home.tsx | 25 +++++++++------------ src/shared/components/home/site-sidebar.tsx | 5 +---- 2 files changed, 12 insertions(+), 18 deletions(-) diff --git a/src/shared/components/home/home.tsx b/src/shared/components/home/home.tsx index 0acef49..483d8cc 100644 --- a/src/shared/components/home/home.tsx +++ b/src/shared/components/home/home.tsx @@ -1,4 +1,3 @@ -import classNames from "classnames"; import { NoOptionI18nKeys } from "i18next"; import { Component, linkEvent, MouseEventHandler } from "inferno"; import { T } from "inferno-i18next-dess"; @@ -506,11 +505,7 @@ export class Home extends Component<any, HomeState> { case "success": { const trending = this.state.trendingCommunitiesRes.data.communities; return ( - <div - className={classNames({ - "mb-2": !isMobile, - })} - > + <> <header className="card-header d-flex align-items-center"> <h5 className="mb-0"> <T i18nKey="trending_communities"> @@ -522,13 +517,15 @@ export class Home extends Component<any, HomeState> { </h5> </header> <div className="card-body"> - <ul className="list-inline"> - {trending.map(cv => ( - <li key={cv.community.id} className="list-inline-item"> - <CommunityLink community={cv.community} /> - </li> - ))} - </ul> + {trending.length > 0 && ( + <ul className="list-inline"> + {trending.map(cv => ( + <li key={cv.community.id} className="list-inline-item"> + <CommunityLink community={cv.community} /> + </li> + ))} + </ul> + )} {canCreateCommunity(this.state.siteRes) && ( <LinkButton path="/create_community" @@ -540,7 +537,7 @@ export class Home extends Component<any, HomeState> { translationKey="explore_communities" /> </div> - </div> + </> ); } } diff --git a/src/shared/components/home/site-sidebar.tsx b/src/shared/components/home/site-sidebar.tsx index f408173..cc587bf 100644 --- a/src/shared/components/home/site-sidebar.tsx +++ b/src/shared/components/home/site-sidebar.tsx @@ -31,10 +31,7 @@ export class SiteSidebar extends Component<SiteSidebarProps, SiteSidebarState> { render() { return ( <div className="accordion"> - <section - id="sidebarInfo" - className="card border-secondary mb-3 overflow-hidden" - > + <section id="sidebarInfo" className="card border-secondary mb-3"> <header className="card-header d-flex align-items-center" id="sidebarInfoHeader" -- 2.44.1