fix(display-name): dismiss prompt if name gets set

react/features/base/settings/index.js

 export * from './actions';
+export * from './actionTypes';
 export * from './constants';
 export * from './functions';
 

react/features/chat/components/native/ChatButton.js

         },
 
         /**
-         * Displays a diaply name prompt.
+         * Displays a display name prompt.
          *
          * @param {Function} onPostSubmit - The function to invoke after a
          * succesfulsetting of the display name.

react/features/display-name/index.js

 export * from './actions';
 export * from './components';
 export * from './functions';
+
+import './middleware';

react/features/display-name/middleware.js

+// @flow
+
+import { hideDialog, isDialogOpen } from '../base/dialog';
+import { MiddlewareRegistry } from '../base/redux';
+import { SETTINGS_UPDATED } from '../base/settings';
+import { DisplayNamePrompt } from './components';
+
+/**
+ * Middleware that captures actions related to display name setting.
+ *
+ * @param {Store} store - The redux store.
+ * @returns {Function}
+ */
+MiddlewareRegistry.register(({ dispatch, getState }) => next => action => {
+    switch (action.type) {
+    case SETTINGS_UPDATED: {
+        if (action.settings.displayName
+            && isDialogOpen(getState, DisplayNamePrompt)) {
+            dispatch(hideDialog(DisplayNamePrompt));
+        }
+    }
+    }
+
+    return next(action);
+});