fix issue where previous table listing was being displayed momentarily even...

fix issue where previous table listing was being displayed momentarily even after a new database is chosen.

resources/frontend_client/app/home/actions.js

@@ -57,6 +57,7 @@ export const SET_CARDS_FILTER = 'SET_CARDS_FILTER';
 export const FETCH_ACTIVITY = 'FETCH_ACTIVITY';
 export const FETCH_CARDS = 'FETCH_CARDS';
 export const FETCH_DATABASES = 'FETCH_DATABASES';
+export const CLEAR_DATABASE_METADATA = 'CLEAR_DATABASE_METADATA';
 export const FETCH_DATABASE_METADATA = 'FETCH_DATABASE_METADATA';
 export const FETCH_RECENT_VIEWS = 'FETCH_RECENT_VIEWS';
 
@@ -72,6 +73,7 @@ export const setCardsFilter = createThunkAction(SET_CARDS_FILTER, function(filte
 
         if (database && !table && database !== cardsFilter.database) {
             // user has picked a database different from any previous choice
+            dispatch(clearDatabaseMetadata());
             dispatch(fetchDatabaseMetadata(database));
             dispatch(fetchCards('database', database));
 
@@ -141,6 +143,8 @@ export const fetchDatabaseMetadata = createThunkAction(FETCH_DATABASE_METADATA,
     };
 });
 
+export const clearDatabaseMetadata = createAction(CLEAR_DATABASE_METADATA);
+
 // fetch recent items (user)
 // fetch table list (database)
 

resources/frontend_client/app/home/reducers.js

@@ -8,6 +8,7 @@ import {
     FETCH_ACTIVITY,
     FETCH_CARDS,
     FETCH_DATABASES,
+    CLEAR_DATABASE_METADATA,
     FETCH_DATABASE_METADATA,
     FETCH_RECENT_VIEWS
 } from './actions';
@@ -50,6 +51,7 @@ export const databases = handleActions({
 
 
 export const databaseMetadata = handleActions({
-    [FETCH_DATABASE_METADATA]: { next: (state, { payload }) => payload }
+    [FETCH_DATABASE_METADATA]: { next: (state, { payload }) => payload },
+    [CLEAR_DATABASE_METADATA]: { next: (state, { payload }) => null }
 }, null);