Merge branch 'develop' into new-gke-cluster

Author: devinburnette

client/modules/IDE/components/Toolbar.jsx

@@ -135,7 +135,7 @@ class Toolbar extends React.Component {
             onClick={() => {
               if (canEditProjectName) {
                 this.props.showEditProjectName();
-                setTimeout(() => this.projectNameInput.focus(), 100);
+                setTimeout(() => this.projectNameInput.focus(), 140);
               }
             }}
             disabled={!canEditProjectName}

client/modules/User/components/Notification.jsx

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+import Cookies from 'js-cookie';
+import { useDispatch } from 'react-redux';
+import { showToast, setToastText } from '../../IDE/actions/toast';
+
+function Notification() {
+  const dispatch = useDispatch();
+  useEffect(() => {
+    const notification = Cookies.get('p5-notification');
+    if (!notification) {
+      // show the toast
+      dispatch(showToast(30000));
+      const text = `There is a scheduled outage on Sunday, April 9 3AM - 5AM UTC.
+        The entire site will be down, so please plan accordingly.`;
+      dispatch(setToastText(text));
+      Cookies.set('p5-notification', true, { expires: 365 });
+    }
+  });
+  return null;
+}
+
+export default Notification;

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "p5.js-web-editor",
-  "version": "2.1.6",
+  "version": "2.2.1",
   "description": "The web editor for p5.js.",
   "scripts": {
     "clean": "rimraf dist",