Add ID's and classes to sidebars

This commit is contained in:
Zetaphor 2023-06-16 14:12:27 -03:00
parent 2d79ad32b5
commit da1a4f81df
3 changed files with 7 additions and 7 deletions

View file

@ -135,8 +135,8 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
const myUSerInfo = UserService.Instance.myUserInfo; const myUSerInfo = UserService.Instance.myUserInfo;
const { name, actor_id } = this.props.community_view.community; const { name, actor_id } = this.props.community_view.community;
return ( return (
<div> <div id="sidebarContainer">
<div className="card border-secondary mb-3"> <div id="sidebarMain" className="card border-secondary mb-3">
<div className="card-body"> <div className="card-body">
{this.communityTitle()} {this.communityTitle()}
{this.props.editable && this.adminButtons()} {this.props.editable && this.adminButtons()}
@ -158,7 +158,7 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
)} )}
</div> </div>
</div> </div>
<div className="card border-secondary mb-3"> <div id="sidebarInfo" className="card border-secondary mb-3">
<div className="card-body"> <div className="card-body">
{this.description()} {this.description()}
{this.badges()} {this.badges()}

View file

@ -423,8 +423,8 @@ export class Home extends Component<any, HomeState> {
return ( return (
<div> <div>
<div> <div id="sidebarContainer">
<div className="card border-secondary mb-3"> <div id="sidebarMain" className="card border-secondary mb-3">
<div className="card-body"> <div className="card-body">
{this.trendingCommunities()} {this.trendingCommunities()}
{canCreateCommunity(this.state.siteRes) && ( {canCreateCommunity(this.state.siteRes) && (
@ -447,7 +447,7 @@ export class Home extends Component<any, HomeState> {
showLocal={showLocal(this.isoData)} showLocal={showLocal(this.isoData)}
/> />
{this.hasFollows && ( {this.hasFollows && (
<div className="card border-secondary mb-3"> <div id="sidebarSubscribed" className="card border-secondary mb-3">
<div className="card-body">{this.subscribedCommunities}</div> <div className="card-body">{this.subscribedCommunities}</div>
</div> </div>
)} )}

View file

@ -30,7 +30,7 @@ export class SiteSidebar extends Component<SiteSidebarProps, SiteSidebarState> {
render() { render() {
return ( return (
<div className="card border-secondary mb-3"> <div id="sidebarInfo" className="card border-secondary mb-3">
<div className="card-body"> <div className="card-body">
<div> <div>
<div className="mb-2">{this.siteName()}</div> <div className="mb-2">{this.siteName()}</div>