{
handleSearchValueChange(e.target.value);
}}
- onBlur={e => {
+ onBlur={(e) => {
// don't loose focus/cursor if clicking on a word/star etc if searchBarStickyFocus is enabled
- if (state.options.searchBarStickyFocus && e.relatedTarget === null) {
+ if (
+ state.options.searchBarStickyFocus &&
+ e.relatedTarget === null
+ ) {
e.target.focus();
}
}}
@@ -104,27 +118,33 @@ const SearchBar = ({ state, optionsDispatch, handleSearchValueChange, onBottom }
/>
{
- handleSearchValueChange("");
- // keep the focus on the input after pressing the X
- inputRef.current && inputRef.current.focus();
- } : undefined}
+ onClick={
+ state.searchValue
+ ? () => {
+ handleSearchValueChange("");
+ // keep the focus on the input after pressing the X
+ inputRef.current && inputRef.current.focus();
+ }
+ : undefined
+ }
data-testid="clearButton"
+ title="clear search"
>
-
+
-
- {state.options.language === "Pashto" &&
-
- }
- {
}
+
+ {state.options.language === "Pashto" && (
+
+ )}
+ {}
@@ -132,4 +152,4 @@ const SearchBar = ({ state, optionsDispatch, handleSearchValueChange, onBottom }
);
};
-export default SearchBar;
\ No newline at end of file
+export default SearchBar;
diff --git a/website/src/screens/IsolatedEntry.tsx b/website/src/screens/IsolatedEntry.tsx
index e86d156..3ee983b 100644
--- a/website/src/screens/IsolatedEntry.tsx
+++ b/website/src/screens/IsolatedEntry.tsx
@@ -176,21 +176,31 @@ function IsolatedEntry({
setExploded((os) => !os)}
+ title="separate letters"
>
-
+
{state.user && state.user.level === "editor" && (
<>
-
+
@@ -203,12 +213,14 @@ function IsolatedEntry({
className="clickable mr-3"
data-testid="editEntryButton"
onClick={() => setEditing((os) => !os)}
+ title="suggest edit"
>
{wordlistEnabled(state.user) && (
@@ -107,6 +108,7 @@ function Results({
: ""
}`}
onClick={handleInflectionSearch}
+ title="search in inflections/conjugations"
>