Let the server know if you've seen the survey question

Author: CompuIves

packages/app/src/app/store/actions.js

@@ -179,8 +179,11 @@ export function setCurrentModuleShortid({ props, state }) {
   }
 }
 
-export function showUserSurveyIfNeeded({ state, controller }) {
+export function showUserSurveyIfNeeded({ state, controller, api }) {
   if (state.get('user.sendSurvey')) {
+    // Let the server know that we've seen the survey
+    api.post('/users/survey-seen', {});
+
     notificationState.addNotification({
       title: 'Help improve CodeSandbox',
       message:

packages/notifications/src/component/Toasts.tsx

@@ -71,11 +71,16 @@ export function Toasts({ state }: { state: NotificationState }) {
   const removeNotification = React.useCallback((id: string) => {
     setNotificationsToShow(notifs => {
       const newNotifs = notifs.filter(notif => notif.id !== id);
+      const notifToHide = notifs.find(notif => notif.id === id);
 
       if (newNotifs.length !== notifs.length) {
         return newNotifs;
       }
 
+      if (notifToHide.notification.onHide) {
+        notifToHide.notification.onHide();
+      }
+
       return notifs;
     });
   }, []);

packages/notifications/src/state.ts

@@ -32,6 +32,7 @@ export interface NotificationMessage {
     secondary?: NotificationAction[];
   };
   timeAlive?: number;
+  onHide?: () => void;
   status: NotificationStatus;
 }