styling change, handle errors in lesson page

client/src/components/LessonPage.js

@@ -1,9 +1,11 @@
 import React, { useState, useEffect } from 'react';
+import { Modal } from 'antd';
 import { FiEdit } from 'react-icons/fi';
 import { EditorState, convertToRaw, convertFromRaw } from 'draft-js';
 import TextEditor from './TextEditor';
 import 'draft-js/dist/Draft.css';
 import '../stylesheets/LessonPage.css';
+import { handleErrors } from '../utils/helpers';
 
 const LessonPage = props => {
   const { id, ismentor } = props;
@@ -87,7 +89,21 @@ const LessonPage = props => {
       headers: new Headers({
         'Content-Type': 'application/json',
       }),
-    }).then(setEditMode(false));
+    })
+      .then(handleErrors)
+      .then(() => {
+        setOldDescriptionState(descriptionState);
+        setOldResourcesState(resourcesState);
+        setOldLabState(labState);
+        setOldExitTicketState(exitTicketState);
+        setEditMode(false);
+      })
+      .catch(() =>
+        Modal.error({
+          title: 'Unable to save changes.',
+          centered: true,
+        }),
+      );
   };
 
   return (

client/src/stylesheets/LessonPage.css

@@ -97,9 +97,11 @@ h1,
   border: none;
   border-radius: 3px;
   cursor: pointer;
-  width: 30px;
-  height: 30px;
+  min-width: 30px;
+  min-height: 30px;
   color: grey;
+  padding-left: 8px;
+  padding-right: 8px;
 }
 
 .editorButton:hover {

client/src/utils/addLink.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RichUtils, KeyBindingUtil, EditorState, CompositeDecorator } from 'draft-js';
+import { RichUtils, KeyBindingUtil, EditorState } from 'draft-js';
 
 export const linkStrategy = (contentBlock, callback, contentState) => {
   contentBlock.findEntityRanges(character => {

package.json

@@ -39,6 +39,7 @@
     "debug": "~2.6.9",
     "dotenv": "^6.2.0",
     "draft-js": "^0.11.7",
+    "draft-js-plugins-editor": "^3.0.0",
     "express": "~4.16.0",
     "google-auth-library": "^6.1.6",
     "joi": "^14.3.0",