lingdocs
/
pashto-dictionary
mirror of https://github.com/lingdocs/pashto-dictionary.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

clearer message about approximate search mode

This commit is contained in:
adueck 2022-12-02 09:36:08 +05:00
parent da12287fb0
commit ffef1dd4bb
2 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
website/src/App.tsx
View File

@ -395,12 +395,16 @@ class App extends Component<RouteComponentProps, State> {
}
private handleSearchValueChange(searchValue: string) {
if (searchValue === " ") return;
if (searchValue === " ") {
return;
}
const lastChar = searchValue[searchValue.length-1];
if (lastChar >= '0' && lastChar <= '9') {
return;
}
if (this.state.dictionaryStatus !== "ready") return;
if (this.state.dictionaryStatus !== "ready") {
return;
}
if (searchValue === "") {
this.setState({
searchValue: "",
@ -510,12 +514,16 @@ class App extends Component<RouteComponentProps, State> {
<DictionaryStatusDisplay status={this.state.dictionaryStatus} />
:
<>
<Route path="/" exact>
<Route path="/" exact={true}>
<div className="text-center mt-4">
<h4 className="font-weight-light p-3 mb-4">LingDocs Pashto Dictionary</h4>
{this.state.options.searchType === "alphabetical" && <div className="mt-4 font-weight-light">
<div className="mb-3"><span className="fa fa-book mr-2" ></span> Alphabetical browsing mode</div>
</div>}
<div className="mt-4 font-weight-light">
<div className="mb-4 small">
{this.state.options.searchType === "alphabetical"
? <><span className="fa fa-book mr-2" /> Alphabetical browsing mode</>
: <><span className="fa fa-bolt mr-2" /> Approximate search mode</>}
</div>
</div>
{this.state.user?.level === "editor" && <div className="mt-4 font-weight-light">
<div className="mb-3">Editor privileges active</div>
<Link to="/edit">
@ -529,7 +537,7 @@ class App extends Component<RouteComponentProps, State> {
<Link to="/phrase-builder" className="plain-link h5 font-weight-light">
Phrase Builder
</Link>
<span className="mx-1">{` • `}</span>
<span className="mx-1"> • </span>
<a href="https://grammar.lingdocs.com" className="plain-link h5 font-weight-light">
Grammar
</a>
@ -616,7 +624,7 @@ class App extends Component<RouteComponentProps, State> {
{ "footer-thick": this.state.options.searchBarPosition === "bottom" && !["/search", "/word"].includes(this.props.location.pathname) },
{ "wee-less-footer": this.state.options.searchBarPosition === "bottom" && ["/search", "/word"].includes(this.props.location.pathname) },
)}>
<Route path="/" exact>
<Route path="/" exact={true}>
<div className="buttons-footer">
<BottomNavItem label="About" icon="info-circle" page="/about" />
<BottomNavItem label="Settings" icon="cog" page="/settings" />

4
website/src/components/SearchBar.tsx
View File

@ -26,7 +26,9 @@ const SearchBar = ({ state, optionsDispatch, handleSearchValueChange, onBottom }
window.addEventListener("focus", onFocus);
Mousetrap.bind(["shift+space"], (e) => {
e.preventDefault();
if (e.repeat) return;
if (e.repeat) {
return;
}
inputRef.current?.focus();
});
return () => {