Improve ux with search

korobprog · Jun 2, 2024 · 6548f0e · 6548f0e
1 parent 874ee8d
commit 6548f0e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/common/src/components/forms/report/ReportForm.tsx b/packages/common/src/components/forms/report/ReportForm.tsx
@@ -4,6 +4,7 @@ import {
   Button,
   List,
   Input,
+  InputRef,
   InputNumber,
   Form,
   Checkbox,
@@ -56,6 +57,7 @@ export const ReportForm = (props: Props) => {
   const { toggleFavorite } = useUser({ profile });
   const [searchString, setSearchString] = useState("");
   const [showOnliFirstBooks, setShowOnliFirstBooks] = useState(storage.getShowOnliFirstBooks());
+  const searchRef = useRef<InputRef>(null);
 
   const onShowOnliFirstBooksChange = (flag: boolean) => {
     setShowOnliFirstBooks(flag);
@@ -156,6 +158,7 @@ export const ReportForm = (props: Props) => {
 
   const onPlusClick = useCallback(
     (bookId: string) => {
+      searchRef.current?.focus();
       const prevValue = form.getFieldValue(bookId) || 0;
       form.setFieldsValue({ [bookId]: prevValue + 1 });
       onValuesChange();
@@ -165,6 +168,7 @@ export const ReportForm = (props: Props) => {
 
   const onMinusClick = useCallback(
     (bookId: string) => {
+      searchRef.current?.focus();
       const prevValue = form.getFieldValue(bookId) || 0;
       if (prevValue !== 0) {
         form.setFieldsValue({ [bookId]: prevValue - 1 });
@@ -253,6 +257,7 @@ export const ReportForm = (props: Props) => {
 
       <Row>
         <Search
+          ref={searchRef}
           placeholder="поиск книги"
           allowClear
           onChange={debouncedSearch}

diff --git a/packages/tracker/package.json b/packages/tracker/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tracker",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "BookTracker",
   "scripts": {
     "start": "craco start --mode staging",