fix: Remove Bootstrap JS in sidebars (#1434)

Co-authored-by: Dessalines <dessalines@users.noreply.github.com>
This commit is contained in:
Jay Sitter 2023-06-21 08:05:32 -04:00 committed by GitHub
parent 3db4fdddcd
commit 1d0e96dbc4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 26 deletions

View file

@ -570,8 +570,6 @@ export class Home extends Component<any, HomeState> {
data-tippy-content={ data-tippy-content={
subscribedCollapsed ? i18n.t("expand") : i18n.t("collapse") subscribedCollapsed ? i18n.t("expand") : i18n.t("collapse")
} }
data-bs-toggle="collapse"
data-bs-target="#sidebarSubscribedBody"
aria-expanded="true" aria-expanded="true"
aria-controls="sidebarSubscribedBody" aria-controls="sidebarSubscribedBody"
> >
@ -582,24 +580,25 @@ export class Home extends Component<any, HomeState> {
</button> </button>
)} )}
</header> </header>
<div {!subscribedCollapsed && (
id="sidebarSubscribedBody" <div
className="collapse show" id="sidebarSubscribedBody"
aria-labelledby="sidebarSubscribedHeader" aria-labelledby="sidebarSubscribedHeader"
> >
<div className="card-body"> <div className="card-body">
<ul className="list-inline mb-0"> <ul className="list-inline mb-0">
{UserService.Instance.myUserInfo?.follows.map(cfv => ( {UserService.Instance.myUserInfo?.follows.map(cfv => (
<li <li
key={cfv.community.id} key={cfv.community.id}
className="list-inline-item d-inline-block" className="list-inline-item d-inline-block"
> >
<CommunityLink community={cfv.community} /> <CommunityLink community={cfv.community} />
</li> </li>
))} ))}
</ul> </ul>
</div>
</div> </div>
</div> )}
</> </>
); );
} }

View file

@ -42,13 +42,11 @@ export class SiteSidebar extends Component<SiteSidebarProps, SiteSidebarState> {
)} )}
</header> </header>
<div {!this.state.collapsed && (
id="sidebarInfoBody" <div id="sidebarInfoBody" aria-labelledby="sidebarInfoHeader">
className="collapse show" <div className="card-body">{this.siteInfo()}</div>
aria-labelledby="sidebarInfoHeader" </div>
> )}
<div className="card-body">{this.siteInfo()}</div>
</div>
</section> </section>
</div> </div>
); );