Added loading status to beacon search

bento-platform · Nov 29, 2023 · 7173dab · 7173dab
1 parent 64ee085
commit 7173dab
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
@@ -132,6 +132,8 @@ const BeaconQueryUi = () => {
       </Tooltip>
     );
   };
+
+  const isFetchingBeaconQuery = useAppSelector((state) => state.beaconQuery.isFetchingQueryResponse);
 
   return (
     <div style={WRAPPER_STYLE}>
@@ -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}>