Add tracking for the notification

CompuIves · CompuIves · commit 1931bcd95568 · 2020-04-17T10:50:18.000+02:00
diff --git a/packages/app/src/app/overmind/onInitialize.ts b/packages/app/src/app/overmind/onInitialize.ts
@@ -1,4 +1,4 @@
-import { convertTypeToStatus } from '@codesandbox/common/lib/utils/notifications';
+import { NotificationStatus } from '@codesandbox/notifications';
 import { OnInitialize } from '.';
 
 export const onInitialize: OnInitialize = async (
@@ -109,12 +109,13 @@ export const onInitialize: OnInitialize = async (
 
   // show terms message on first visit since new terms
   if (!effects.browser.storage.get(seenTermsKey) && !state.isFirstVisit) {
+    effects.analytics.track('Saw Privacy Policy Notification');
     effects.notificationToast.add({
       message:
         'Hello, our privacy policy has been updated recently. What’s new? CodeSandbox emails. Please read and reach out.',
       title: 'Updated Privacy',
-      status: convertTypeToStatus('notice'),
-      sticky: true,
+      status: NotificationStatus.NOTICE,
+      timeAlive: 20_000,
       actions: {
         primary: [
           {
diff --git a/packages/homepage/src/components/Toast/index.js b/packages/homepage/src/components/Toast/index.js
@@ -1,5 +1,6 @@
 /* eslint-disable jsx-a11y/control-has-associated-label */
 import React, { useState, useEffect } from 'react';
+import track from '@codesandbox/common/lib/utils/analytics';
 import { Link } from 'gatsby';
 import { AnimatePresence } from 'framer-motion';
 
@@ -10,8 +11,13 @@ const Privacy = () => {
   const [show, setShow] = useState(false);
 
   useEffect(() => {
-    setShow(!window.localStorage.getItem(key));
-    window.localStorage.setItem(key, true);
+    const hasSeen = !!window.localStorage.getItem(key);
+    if (!hasSeen) {
+      setShow(true);
+      window.localStorage.setItem(key, true);
+
+      track('Saw Privacy Policy Notification');
+    }
   }, []);
 
   return (
