fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-27 08:16:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Fix Communities search/filter header #1417

Browse source
This commit is contained in:
Jay Sitter 2023-06-21 00:01:31 -04:00
parent 7efbf8c69c
commit 65703793f6
1 changed files with 13 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/shared/components/community/communities.tsx
View file

@ -100,19 +100,17 @@ export class Communities extends Component<any, CommunitiesState> {
const { listingType, page } = this.getCommunitiesQueryParams();
return (
<div>
<div className="row">
<div className="col-md-6">
<h4>{i18n.t("list_of_communities")}</h4>
<span className="mb-2">
<h1 className="h4">{i18n.t("list_of_communities")}</h1>
<div className="row g-2 justify-content-between">
<div className="col-auto">
<ListingTypeSelect
type_={listingType}
showLocal={showLocal(this.isoData)}
showSubscribed
onChange={this.handleListingTypeChange}
/>
</span>
</div>
<div className="col-md-6">{this.searchForm()}</div>
<div className="col-auto">{this.searchForm()}</div>
</div>
<div className="table-responsive">
@ -220,14 +218,14 @@ export class Communities extends Component<any, CommunitiesState> {
searchForm() {
return (
<form
className="row justify-content-end"
className="row mb-2"
onSubmit={linkEvent(this, this.handleSearchSubmit)}
>
<div className="col-auto">
<input
type="text"
id="communities-search"
className="form-control me-2 mb-2"
className="form-control"
value={this.state.searchText}
placeholder={`${i18n.t("search")}...`}
onInput={linkEvent(this, this.handleSearchChange)}
@ -239,7 +237,7 @@ export class Communities extends Component<any, CommunitiesState> {
<label className="visually-hidden" htmlFor="communities-search">
{i18n.t("search")}
</label>
<button type="submit" className="btn btn-secondary mb-2">
<button type="submit" className="btn btn-secondary">
<span>{i18n.t("search")}</span>
</button>
</div>