diff --git a/frontend/components/Editor/Editor.js b/frontend/components/Editor/Editor.js
index 659cb4b2..b73d7738 100644
--- a/frontend/components/Editor/Editor.js
+++ b/frontend/components/Editor/Editor.js
@@ -3,7 +3,7 @@ import React, { Component } from 'react';
import { observer } from 'mobx-react';
import { Editor, Plain } from 'slate';
import keydown from 'react-keydown';
-import type { Document, State, Editor as EditorType } from './types';
+import type { State, Editor as EditorType } from './types';
import getDataTransferFiles from 'utils/getDataTransferFiles';
import Flex from 'components/Flex';
import ClickablePadding from './components/ClickablePadding';
@@ -76,10 +76,10 @@ type KeyData = {
onChange = (state: State) => {
this.setState({ state });
- };
- onDocumentChange = (document: Document, state: State) => {
- this.props.onChange(Markdown.serialize(state));
+ if (this.state.state !== state) {
+ this.props.onChange(Markdown.serialize(state));
+ }
};
handleDrop = async (ev: SyntheticEvent) => {
@@ -205,7 +205,6 @@ type KeyData = {
state={this.state.state}
onKeyDown={this.onKeyDown}
onChange={this.onChange}
- onDocumentChange={this.onDocumentChange}
onSave={onSave}
readOnly={readOnly}
/>
diff --git a/frontend/components/Editor/components/Toolbar/components/DocumentResult.js b/frontend/components/Editor/components/Toolbar/components/DocumentResult.js
index 8351681d..7d4b157b 100644
--- a/frontend/components/Editor/components/Toolbar/components/DocumentResult.js
+++ b/frontend/components/Editor/components/Toolbar/components/DocumentResult.js
@@ -3,7 +3,7 @@ import React from 'react';
import styled from 'styled-components';
import { fontWeight, color } from 'styles/constants';
import Document from 'models/Document';
-import GoToIcon from 'components/Icon/GoToIcon';
+import NextIcon from 'components/Icon/NextIcon';
type Props = {
innerRef?: Function,
@@ -14,7 +14,7 @@ type Props = {
function DocumentResult({ document, ...rest }: Props) {
return (
-
+
{document.title}
);
diff --git a/frontend/components/Editor/components/Toolbar/components/LinkToolbar.js b/frontend/components/Editor/components/Toolbar/components/LinkToolbar.js
index 01004834..c7b38bb2 100644
--- a/frontend/components/Editor/components/Toolbar/components/LinkToolbar.js
+++ b/frontend/components/Editor/components/Toolbar/components/LinkToolbar.js
@@ -114,9 +114,10 @@ class LinkToolbar extends Component {
const { state } = this.props;
const transform = state.transform();
- if (state.selection.isExpanded) {
+ if (href) {
+ transform.setInline({ type: 'link', data: { href } });
+ } else {
transform.unwrapInline('link');
- if (href) transform.wrapInline({ type: 'link', data: { href } });
}
this.props.onChange(transform.apply());
@@ -179,7 +180,7 @@ class LinkToolbar extends Component {
}
const SearchResults = styled.div`
- background: rgba(34, 34, 34, .95);
+ background: #2F3336;
position: absolute;
top: 100%;
width: 100%;
diff --git a/frontend/components/Icon/NextIcon.js b/frontend/components/Icon/NextIcon.js
new file mode 100644
index 00000000..ab9144dc
--- /dev/null
+++ b/frontend/components/Icon/NextIcon.js
@@ -0,0 +1,15 @@
+// @flow
+import React from 'react';
+import Icon from './Icon';
+import type { Props } from './Icon';
+
+export default function NextIcon(props: Props) {
+ return (
+
+
+
+ );
+}