(EPROC-21237) Fixed result displaying on data loading

* (EPROC-21237) Fixed result displaying on data loading
OpusCapita · Jul 25, 2022 · 8937613 · 8937613
1 parent 9bd0084
commit 8937613
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,7 +7,6 @@
 [Release 3.1.6](https://github.com/OpusCapita/react-reference-select/releases/tag/v3.1.6) Thu May 26 2022 14:23:09 GMT+0300 (MSK)
 =======================================================
 
-
 [Release 3.1.5](https://github.com/OpusCapita/react-reference-select/releases/tag/v3.1.5) Wed May 25 2022 11:18:58 GMT+0300 (MSK)
 =======================================================
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/client/components/ReferenceSearchDialog/ReferenceSearchDialog.react.js b/src/client/components/ReferenceSearchDialog/ReferenceSearchDialog.react.js
@@ -92,7 +92,7 @@ export default class ReferenceSearchDialog extends Component {
       offset: 0,
       max: 10,
       items: [],
-      count: 0
+      count: -1
     };
 
     this.state = {
@@ -469,10 +469,17 @@ export default class ReferenceSearchDialog extends Component {
                 </div>
               </div>
             </div>
-          ) : (
+          ) : count === 0 ? (
             <div className="bs-callout bs-callout-info">
               {i18n.getMessage('common.ReferenceSearchDialog.itemsFound', { number: 0 })}
             </div>
+          ) : (
+            <div className="container-fluid">
+              <div className="pull-right spinner">
+                <i className="fa fa-spinner fa-spin" />&nbsp;
+                {i18n.getMessage('common.ReferenceSearchDialog.loadingPlaceholder')}
+              </div>
+            </div>
           )}
         </Modal.Body>
       </Modal>

diff --git a/src/client/components/ReferenceSearchDialog/i18n/de.js b/src/client/components/ReferenceSearchDialog/i18n/de.js
@@ -5,6 +5,7 @@ export default {
       selectLabel: 'Wählen',
       resetLabel: 'Zurücksetzen',
       searchLabel: 'Suchen',
+      loadingPlaceholder: 'Suchen...',
       itemsFound: "{number} Datensätze gefunden"
     }
   }

diff --git a/src/client/components/ReferenceSearchDialog/i18n/en.js b/src/client/components/ReferenceSearchDialog/i18n/en.js
@@ -5,6 +5,7 @@ export default {
       selectLabel: 'Select',
       resetLabel: 'Reset',
       searchLabel: 'Search',
+      loadingPlaceholder: 'Please wait...',
       itemsFound: "{number} item(s) found"
     }
   }