diff --git a/app/components/Editor/components/Toolbar/BlockToolbar.js b/app/components/Editor/components/Toolbar/BlockToolbar.js index 70a6e8899..c9776860c 100644 --- a/app/components/Editor/components/Toolbar/BlockToolbar.js +++ b/app/components/Editor/components/Toolbar/BlockToolbar.js @@ -6,6 +6,7 @@ import styled from 'styled-components'; import getDataTransferFiles from 'utils/getDataTransferFiles'; import Heading1Icon from 'components/Icon/Heading1Icon'; import Heading2Icon from 'components/Icon/Heading2Icon'; +import BlockQuoteIcon from 'components/Icon/BlockQuoteIcon'; import ImageIcon from 'components/Icon/ImageIcon'; import CodeIcon from 'components/Icon/CodeIcon'; import BulletedListIcon from 'components/Icon/BulletedListIcon'; @@ -160,7 +161,7 @@ class BlockToolbar extends Component { {this.renderBlockButton('ordered-list', OrderedListIcon)} {this.renderBlockButton('todo-list', TodoListIcon)} - {this.renderBlockButton('block-quote', Heading2Icon)} + {this.renderBlockButton('block-quote', BlockQuoteIcon)} {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 1c25d4ec6..c9d9c22a3 100644 --- a/app/components/Editor/components/Toolbar/components/FormattingToolbar.js +++ b/app/components/Editor/components/Toolbar/components/FormattingToolbar.js @@ -8,6 +8,7 @@ import CodeIcon from 'components/Icon/CodeIcon'; import Heading1Icon from 'components/Icon/Heading1Icon'; import Heading2Icon from 'components/Icon/Heading2Icon'; import ItalicIcon from 'components/Icon/ItalicIcon'; +import BlockQuoteIcon from 'components/Icon/BlockQuoteIcon'; import LinkIcon from 'components/Icon/LinkIcon'; import StrikethroughIcon from 'components/Icon/StrikethroughIcon'; @@ -92,7 +93,7 @@ class FormattingToolbar extends Component { {this.renderBlockButton('heading1', Heading1Icon)} {this.renderBlockButton('heading2', Heading2Icon)} - {this.renderBlockButton('block-quote', Heading2Icon)} + {this.renderBlockButton('block-quote', BlockQuoteIcon)} diff --git a/app/components/Icon/BlockQuoteIcon.js b/app/components/Icon/BlockQuoteIcon.js new file mode 100644 index 000000000..7915974b3 --- /dev/null +++ b/app/components/Icon/BlockQuoteIcon.js @@ -0,0 +1,12 @@ +// @flow +import React from 'react'; +import Icon from './Icon'; +import type { Props } from './Icon'; + +export default function BlockQuoteIcon(props: Props) { + return ( + + + + ); +}