Merge pull request #128 from bento-platform/features/loading_status

Added loading status to beacon search
bento-platform · Nov 29, 2023 · 39f0c36 · 39f0c36
2 parents 6049fb3 + 34f4162
commit 39f0c36
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/js/components/Beacon/BeaconQueryUi.tsx b/src/js/components/Beacon/BeaconQueryUi.tsx
@@ -133,6 +133,8 @@ const BeaconQueryUi = () => {
     );
   };
 
+  const isFetchingBeaconQuery = useAppSelector((state) => state.beaconQuery.isFetchingQueryResponse);
+
   return (
     <div style={WRAPPER_STYLE}>
       <BeaconSearchResults />
@@ -173,7 +175,7 @@ const BeaconQueryUi = () => {
           <Row>
             <Col span={24}>
               <div style={BUTTON_AREA_STYLE}>
-                <Button type="primary" htmlType="submit" style={BUTTON_STYLE}>
+                <Button type="primary" htmlType="submit" loading={isFetchingBeaconQuery} style={BUTTON_STYLE}>
                   {td('Search Beacon')}
                 </Button>
                 <Button onClick={handleClearForm} style={BUTTON_STYLE}>