refactor: watch uses named exports

src/main/frontend/src/App.js

@@ -96,7 +96,7 @@ import {
   StatefulSetsDetailPage,
   StatefulSetsEditPage
 } from './statefulsets';
-import watch from './watch';
+import {startEventSource} from './watch';
 import {Home} from './Home';
 
 let eventSource;
@@ -117,15 +117,15 @@ const pollResources = dispatch => {
       console.error('EventSource connection was lost, reconnecting');
       dispatch(setOffline(true));
       eventSource.close();
-      eventSource = watch.api.startEventSource({dispatch});
+      eventSource = startEventSource({dispatch});
     }
     pollResourcesTimeout = setTimeout(dispatchedPoll, 3000);
   };
   return dispatchedPoll;
 };
 
 const onMount = ({dispatch}) => {
-  eventSource = watch.api.startEventSource({dispatch});
+  eventSource = startEventSource({dispatch});
   pollResources(dispatch)();
 };
 

src/main/frontend/src/watch/api.js

@@ -25,9 +25,7 @@ import {
   setOffline
 } from '../redux';
 
-const api = {};
-
-api.startEventSource = ({dispatch}) => {
+export const startEventSource = ({dispatch}) => {
   const actions = bindActionCreators(
     {
       clear,
@@ -76,5 +74,3 @@ api.startEventSource = ({dispatch}) => {
   };
   return eventSource;
 };
-
-export default api;

src/main/frontend/src/watch/index.js

@@ -14,10 +14,4 @@
  * limitations under the License.
  *
  */
-import api from './api';
-
-const watch = {};
-
-watch.api = api;
-
-export default watch;
+export {startEventSource} from './api';