tutorial 4 updates

klyburke · klyburke · commit c2d1e290dfee · 2018-04-14T09:23:59.000-07:00
diff --git a/tutorials/4-end/components/Notifier.js b/tutorials/4-end/components/Notifier.js
@@ -3,7 +3,7 @@ import Snackbar from 'material-ui/Snackbar';
 
 let openSnackbarFn;
 
-class Notifier extends React.PureComponent {
+class Notifier extends React.Component {
   state = {
     open: false,
     message: '',
diff --git a/tutorials/4-end/now.json b/tutorials/4-end/now.json
@@ -0,0 +1,12 @@
+{
+    "env": {
+        "NODE_ENV": "production"
+    },
+    "alias": "notifier.builderbook.org",
+    "scale": {
+      "sfo1": {
+        "min": 1,
+        "max": 1
+      }
+    }
+}
diff --git a/tutorials/4-end/package.json b/tutorials/4-end/package.json
@@ -6,7 +6,8 @@
     "dev": "next",
     "build": "next build",
     "start": "next start",
-    "lint": "eslint components pages lib server"
+    "lint": "eslint components pages lib server",
+    "now": "now && now alias"
   },
   "dependencies": {
     "babel-cli": "^6.26.0",
diff --git a/tutorials/4-end/pages/index.js b/tutorials/4-end/pages/index.js
@@ -5,7 +5,7 @@ import Button from 'material-ui/Button';
 import Notifier, { openSnackbar } from '../components/Notifier';
 import withLayout from '../lib/withLayout';
 
-class Notify extends React.Component {
+class Index extends React.Component {
   showNotifier = (event) => {
     event.preventDefault();
 
@@ -27,7 +27,10 @@ class Notify extends React.Component {
       <div style={{ padding: '10px 45px' }}>
         <Head>
           <title>Notifier component</title>
-          <meta name="description" content="description for indexing bots" />
+          <meta
+            name="description"
+            content="How to show informational messages using Material-UI in a React web app"
+          />
         </Head>
         <br />
         <Notifier />
@@ -59,4 +62,4 @@ class Notify extends React.Component {
   }
 }
 
-export default withLayout(Notify);
+export default withLayout(Index);
diff --git a/tutorials/4-start/pages/index.js b/tutorials/4-start/pages/index.js
@@ -4,13 +4,16 @@ import TextField from 'material-ui/TextField';
 import Button from 'material-ui/Button';
 import withLayout from '../lib/withLayout';
 
-class Notify extends React.Component {
+class Index extends React.Component {
   render() {
     return (
       <div style={{ padding: '10px 45px' }}>
         <Head>
           <title>Notifier component</title>
-          <meta name="description" content="description for indexing bots" />
+          <meta
+            name="description"
+            content="How to show informational messages using Material-UI in a React web app"
+          />
         </Head>
         <form>
           <p> What is 2+2? </p>
@@ -37,4 +40,4 @@ class Notify extends React.Component {
   }
 }
 
-export default withLayout(Notify);
+export default withLayout(Index);
