From 330f0eb41d0897d1a11a5e7bd1ac661a1b38f72e Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Sat, 30 Dec 2017 13:46:21 -0800
Subject: [PATCH] Added support for block quotes

---
 app/components/Editor/Editor.js                                 | 2 ++
 app/components/Editor/components/Toolbar/BlockToolbar.js        | 2 ++
 .../Editor/components/Toolbar/components/FormattingToolbar.js   | 1 +
 app/components/Editor/schema.js                                 | 2 ++
 4 files changed, 7 insertions(+)

diff --git a/app/components/Editor/Editor.js b/app/components/Editor/Editor.js
index 5f6de6d9..41d5627f 100644
--- a/app/components/Editor/Editor.js
+++ b/app/components/Editor/Editor.js
@@ -304,7 +304,9 @@ const StyledEditor = styled(Editor)`
 
   blockquote {
     border-left: 3px solid #efefef;
+    margin: 1.2em 0;
     padding-left: 10px;
+    font-style: italic;
   }
 
   table {
diff --git a/app/components/Editor/components/Toolbar/BlockToolbar.js b/app/components/Editor/components/Toolbar/BlockToolbar.js
index 8e5bd48d..70a6e889 100644
--- a/app/components/Editor/components/Toolbar/BlockToolbar.js
+++ b/app/components/Editor/components/Toolbar/BlockToolbar.js
@@ -89,6 +89,7 @@ class BlockToolbar extends Component {
     switch (type) {
       case 'heading1':
       case 'heading2':
+      case 'block-quote':
       case 'code':
         return this.insertBlock({ type });
       case 'horizontal-rule':
@@ -159,6 +160,7 @@ class BlockToolbar extends Component {
         {this.renderBlockButton('ordered-list', OrderedListIcon)}
         {this.renderBlockButton('todo-list', TodoListIcon)}
         <Separator />
+        {this.renderBlockButton('block-quote', Heading2Icon)}
         {this.renderBlockButton('code', CodeIcon)}
         {this.renderBlockButton('horizontal-rule', HorizontalRuleIcon)}
         {this.renderBlockButton('image', ImageIcon)}
diff --git a/app/components/Editor/components/Toolbar/components/FormattingToolbar.js b/app/components/Editor/components/Toolbar/components/FormattingToolbar.js
index dcf21e07..1c25d4ec 100644
--- a/app/components/Editor/components/Toolbar/components/FormattingToolbar.js
+++ b/app/components/Editor/components/Toolbar/components/FormattingToolbar.js
@@ -92,6 +92,7 @@ class FormattingToolbar extends Component {
         <Separator />
         {this.renderBlockButton('heading1', Heading1Icon)}
         {this.renderBlockButton('heading2', Heading2Icon)}
+        {this.renderBlockButton('block-quote', Heading2Icon)}
         <Separator />
         <ToolbarButton onMouseDown={this.handleCreateLink}>
           <LinkIcon light />
diff --git a/app/components/Editor/schema.js b/app/components/Editor/schema.js
index 8e2abcc2..d3b757a4 100644
--- a/app/components/Editor/schema.js
+++ b/app/components/Editor/schema.js
@@ -9,6 +9,7 @@ const schema = {
     heading4: { marks: [''] },
     heading5: { marks: [''] },
     heading6: { marks: [''] },
+    'block-quote': { marks: [''] },
     table: {
       nodes: [{ types: ['table-row', 'table-head', 'table-cell'] }],
     },
@@ -31,6 +32,7 @@ const schema = {
           'heading4',
           'heading5',
           'heading6',
+          'block-quote',
           'code',
           'horizontal-rule',
           'image',