Fix notifications

Author: CompuIves

packages/app/src/app/overmind/effects/vscode/index.ts

@@ -10,7 +10,10 @@ import {
   Settings,
 } from '@codesandbox/common/lib/types';
 import { notificationState } from '@codesandbox/common/lib/utils/notifications';
-import { NotificationMessage } from '@codesandbox/notifications/lib/state';
+import {
+  NotificationMessage,
+  NotificationStatus,
+} from '@codesandbox/notifications/lib/state';
 import { Reaction } from 'app/overmind';
 import prettify from 'app/src/app/utils/prettify';
 import { blocker } from 'app/utils/blocker';
@@ -845,8 +848,30 @@ export class VSCodeEffect {
   };
 
   // This is used by the CodesandboxService internally
-  private addNotification(notification: NotificationMessage) {
-    notificationState.addNotification(notification);
+  private addNotification(
+    message: string,
+    type: 'error' | 'info' | 'warning' | 'success',
+    options: { actions: NotificationMessage['actions']; sticky?: boolean }
+  ) {
+    const getStatus = () => {
+      switch (type) {
+        case 'error':
+          return NotificationStatus.ERROR;
+        case 'warning':
+          return NotificationStatus.WARNING;
+        case 'success':
+          return NotificationStatus.SUCCESS;
+        default:
+          return NotificationStatus.NOTICE;
+      }
+    };
+
+    notificationState.addNotification({
+      message,
+      status: getStatus(),
+      sticky: options.sticky,
+      actions: options.actions,
+    });
   }
 }