Add a notification for the Rust 2022 survey

Author: shepmaster

ui/frontend/Notifications.tsx

@@ -9,29 +9,31 @@ import * as selectors from './selectors';
 
 import styles from './Notifications.module.css';
 
-const MONACO_EDITOR_URL = 'https://microsoft.github.io/monaco-editor/';
+const SURVEY_URL = 'https://blog.rust-lang.org/2022/12/05/survey-launch.html';
 
 const Notifications: React.FC = () => {
   return (
     <Portal>
       <div className={styles.container}>
-        <MonacoEditorAvailableNotification />
+        <RustSurvey2022Notification />
       </div>
     </Portal>
   );
 };
 
-const MonacoEditorAvailableNotification: React.FC = () => {
-  const monacoEditorAvailable = useSelector(selectors.showMonacoEditorAvailableSelector);
+const RustSurvey2022Notification: React.SFC = () => {
+  const showRustSurvey2022 = useSelector(selectors.showRustSurvey2022Selector);
 
   const dispatch = useDispatch();
-  const seenMonacoEditorAvailable = useCallback(() => dispatch(actions.seenMonacoEditorAvailable()), [dispatch]);
-
-  return monacoEditorAvailable ? (
-    <Notification onClose={seenMonacoEditorAvailable}>
-      The <a href={MONACO_EDITOR_URL}>Monaco Editor</a>, the code editor
-      that powers VS Code, is now available in the playground. Choose
-      your preferred editor from the Config menu.
+  const seenRustSurvey2021 = useCallback(() => dispatch(actions.seenRustSurvey2022()), [dispatch]);
+
+  return showRustSurvey2022 ? (
+    <Notification onClose={seenRustSurvey2021}>
+      Please help us take a look at who the Rust community is
+      composed of, how the Rust project is doing, and how we can
+      improve the Rust programming experience by completing the <a
+        href={SURVEY_URL}>2022 State of Rust Survey</a>. Whether or
+      not you use Rust today, we want to know your opinions.
     </Notification>
   ) : null;
 };

ui/frontend/actions.ts

@@ -802,7 +802,7 @@ export function performVersionsLoad(): ThunkAction {
 const notificationSeen = (notification: Notification) =>
   createAction(ActionType.NotificationSeen, { notification });
 
-export const seenMonacoEditorAvailable = () => notificationSeen(Notification.MonacoEditorAvailable);
+export const seenRustSurvey2022 = () => notificationSeen(Notification.RustSurvey2022);
 
 export const browserWidthChanged = (isSmall: boolean) =>
   createAction(ActionType.BrowserWidthChanged, { isSmall });

ui/frontend/reducers/notifications.ts

@@ -7,7 +7,8 @@ interface State {
   seenRustSurvey2020: boolean; // expired
   seenRust2021IsDefault: boolean; // expired
   seenRustSurvey2021: boolean; // expired
-  seenMonacoEditorAvailable: boolean;
+  seenMonacoEditorAvailable: boolean; // expired
+  seenRustSurvey2022: boolean;
 }
 
 const DEFAULT: State = {
@@ -16,15 +17,16 @@ const DEFAULT: State = {
   seenRustSurvey2020: true,
   seenRust2021IsDefault: true,
   seenRustSurvey2021: true,
-  seenMonacoEditorAvailable: false,
+  seenMonacoEditorAvailable: true,
+  seenRustSurvey2022: false,
 };
 
 export default function notifications(state = DEFAULT, action: Action): State {
   switch (action.type) {
     case ActionType.NotificationSeen: {
       switch (action.notification) {
-        case Notification.MonacoEditorAvailable: {
-          return { ...state, seenMonacoEditorAvailable: true };
+        case Notification.RustSurvey2022: {
+          return { ...state, seenRustSurvey2022: true };
         }
       }
     }

ui/frontend/selectors/index.ts

@@ -271,15 +271,15 @@ const notificationsSelector = (state: State) => state.notifications;
 
 const NOW = new Date();
 
-const MONACO_EDITOR_AVAILABLE_END = new Date('2022-02-15T00:00:00Z');
-const MONACO_EDITOR_AVAILABLE_OPEN = NOW <= MONACO_EDITOR_AVAILABLE_END;
-export const showMonacoEditorAvailableSelector = createSelector(
+const RUST_SURVEY_2022_END = new Date('2022-12-19T00:00:00Z');
+const RUST_SURVEY_2022_OPEN = NOW <= RUST_SURVEY_2022_END;
+export const showRustSurvey2022Selector = createSelector(
   notificationsSelector,
-  notifications => MONACO_EDITOR_AVAILABLE_OPEN && !notifications.seenMonacoEditorAvailable,
+  notifications => RUST_SURVEY_2022_OPEN && !notifications.seenRustSurvey2022,
 );
 
 export const anyNotificationsToShowSelector = createSelector(
-  showMonacoEditorAvailableSelector,
+  showRustSurvey2022Selector,
   (...allNotifications) => allNotifications.some(n => n),
 );
 

ui/frontend/types.ts

@@ -120,7 +120,7 @@ export enum Focus {
 }
 
 export enum Notification {
-  MonacoEditorAvailable = 'monaco-editor-available',
+  RustSurvey2022 = 'rust-survey-2022',
 }
 
 export type AceResizeKey = [Focus | undefined, number];