spacecruft
/
Farmbot-Web-App
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Make searchbar look like farm designer search bar

folders
Rick Carlino 2019-12-18 12:48:48 -06:00
parent 4c7902c0a2
commit 88b7b1ffae
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/folders/component.tsx
View File

@ -202,10 +202,16 @@ export class Folders extends React.Component<FolderProps, FolderState> {
return <div>
<h3>{t("Sequences")}</h3>
<ToolTip helpText={ToolTips.SEQUENCE_LIST} />
<input
placeholder={"Search sequences and subfolders..."}
value={this.props.searchTerm || ""}
onChange={({ currentTarget }) => { updateSearchTerm(currentTarget.value); }} />
<div className="thin-search-wrapper">
<div className="text-input-wrapper">
<i className="fa fa-search"></i>
<input
value={this.props.searchTerm || ""}
onChange={({ currentTarget }) => { updateSearchTerm(currentTarget.value); }}
type="text"
placeholder={"Search sequences and subfolders..."} />
</div>
</div>
<i
className={`fa fa-${this.state.toggleDirection ? "minus" : "plus"}-square`}
onClick={this.toggleAll}></i>
@ -220,3 +226,4 @@ export class Folders extends React.Component<FolderProps, FolderState> {
</div>;
}
}