Add a notification for the Rust 2021 survey

Author: shepmaster

ui/frontend/Notifications.tsx

@@ -10,12 +10,14 @@ import * as selectors from './selectors';
 import styles from './Notifications.module.css';
 
 const EDITION_URL = 'https://doc.rust-lang.org/edition-guide/';
+const SURVEY_URL = 'https://blog.rust-lang.org/2021/12/08/survey-launch.html';
 
 const Notifications: React.SFC = () => {
   return (
     <Portal>
       <div className={styles.container}>
         <Rust2021IsDefaultNotification />
+        <RustSurvey2021Notification />
       </div>
     </Portal>
   );
@@ -36,6 +38,24 @@ const Rust2021IsDefaultNotification: React.SFC = () => {
   );
 };
 
+
+const RustSurvey2021Notification: React.SFC = () => {
+  const showRustSurvey2021 = useSelector(selectors.showRustSurvey2021Selector);
+
+  const dispatch = useDispatch();
+  const seenRustSurvey2021 = useCallback(() => dispatch(actions.seenRustSurvey2021()), [dispatch]);
+
+  return showRustSurvey2021 && (
+    <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}>2021 State of Rust Survey</a>. Whether or
+      not you use Rust today, we want to know your opinions.
+    </Notification>
+  );
+};
+
 interface NotificationProps {
   onClose: () => void;
 }

ui/frontend/actions.ts

@@ -702,6 +702,7 @@ const notificationSeen = (notification: Notification) =>
   createAction(ActionType.NotificationSeen, { notification });
 
 export const seenRust2021IsDefault = () => notificationSeen(Notification.Rust2021IsDefault);
+export const seenRustSurvey2021 = () => notificationSeen(Notification.RustSurvey2021);
 
 export const browserWidthChanged = (isSmall: boolean) =>
   createAction(ActionType.BrowserWidthChanged, { isSmall });

ui/frontend/reducers/notifications.ts

@@ -6,13 +6,15 @@ interface State {
   seenRust2018IsDefault: boolean; // expired
   seenRustSurvey2020: boolean; // expired
   seenRust2021IsDefault: boolean;
+  seenRustSurvey2021: boolean;
 }
 
 const DEFAULT: State = {
   seenRustSurvey2018: true,
   seenRust2018IsDefault: true,
   seenRustSurvey2020: true,
   seenRust2021IsDefault: false,
+  seenRustSurvey2021: false,
 };
 
 export default function notifications(state = DEFAULT, action: Action): State {
@@ -22,6 +24,9 @@ export default function notifications(state = DEFAULT, action: Action): State {
         case Notification.Rust2021IsDefault: {
           return { ...state, seenRust2021IsDefault: true };
         }
+        case Notification.RustSurvey2021: {
+          return { ...state, seenRustSurvey2021: true };
+        }
       }
     }
     default:

ui/frontend/selectors/index.ts

@@ -249,16 +249,25 @@ export const codeUrlSelector = createSelector(
 const notificationsSelector = (state: State) => state.notifications;
 
 const NOW = new Date();
+
 const RUST_2021_DEFAULT_END = new Date('2022-01-01T00:00:00Z');
 const RUST_2021_DEFAULT_OPEN = NOW <= RUST_2021_DEFAULT_END;
 export const showRust2021IsDefaultSelector = createSelector(
   notificationsSelector,
   notifications => RUST_2021_DEFAULT_OPEN && !notifications.seenRust2021IsDefault,
 );
 
+const RUST_SURVEY_2021_END = new Date('2021-12-22T00:00:00Z');
+const RUST_SURVEY_2021_OPEN = NOW <= RUST_SURVEY_2021_END;
+export const showRustSurvey2021Selector = createSelector(
+  notificationsSelector,
+  notifications => RUST_SURVEY_2021_OPEN && !notifications.seenRustSurvey2021,
+);
+
 export const anyNotificationsToShowSelector = createSelector(
   showRust2021IsDefaultSelector,
-  allNotifications => allNotifications,
+  showRustSurvey2021Selector,
+  (...allNotifications) => allNotifications.some(n => n),
 );
 
 export const clippyRequestSelector = createSelector(

ui/frontend/types.ts

@@ -120,6 +120,7 @@ export enum Focus {
 
 export enum Notification {
   Rust2021IsDefault = 'rust-2021-is-default',
+  RustSurvey2021 = 'rust-survey-2021',
 }
 
 export type AceResizeKey = [Focus, number];