From 63371d8f5bbec22e0e9fe6c293724d7c9dedb58b Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Tue, 11 Aug 2020 18:59:57 -0700
Subject: [PATCH] flow

---
 app/components/Editor.js                   | 5 -----
 app/scenes/Document/components/Document.js | 5 +++--
 app/scenes/Document/components/Editor.js   | 3 ++-
 app/scenes/Search/Search.js                | 8 +++++---
 4 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/app/components/Editor.js b/app/components/Editor.js
index 15f112c0..42553f37 100644
--- a/app/components/Editor.js
+++ b/app/components/Editor.js
@@ -1,6 +1,4 @@
 // @flow
-import { observable } from "mobx";
-import { observer } from "mobx-react";
 import { lighten } from "polished";
 import * as React from "react";
 import { withRouter, type RouterHistory } from "react-router-dom";
@@ -28,10 +26,7 @@ type PropsWithRef = Props & {
   history: RouterHistory,
 };
 
-@observer
 class Editor extends React.Component<PropsWithRef> {
-  @observable redirectTo: ?string;
-
   onUploadImage = async (file: File) => {
     const result = await uploadFile(file, { documentId: this.props.id });
     return result.url;
diff --git a/app/scenes/Document/components/Document.js b/app/scenes/Document/components/Document.js
index 685b28b0..78b3f733 100644
--- a/app/scenes/Document/components/Document.js
+++ b/app/scenes/Document/components/Document.js
@@ -6,7 +6,7 @@ import { InputIcon } from "outline-icons";
 import * as React from "react";
 import keydown from "react-keydown";
 import { Prompt, Route, withRouter } from "react-router-dom";
-import type { Location, RouterHistory, Match } from "react-router-dom";
+import type { RouterHistory, Match } from "react-router-dom";
 import styled, { withTheme } from "styled-components";
 import breakpoint from "styled-components-breakpoint";
 
@@ -29,6 +29,7 @@ import KeyboardShortcutsButton from "./KeyboardShortcutsButton";
 import Loading from "./Loading";
 import MarkAsViewed from "./MarkAsViewed";
 import References from "./References";
+import { type LocationWithState } from "types";
 import { emojiToUrl } from "utils/emoji";
 import {
   collectionUrl,
@@ -53,7 +54,7 @@ Are you sure you want to discard them?
 type Props = {
   match: Match,
   history: RouterHistory,
-  location: Location,
+  location: LocationWithState,
   abilities: Object,
   document: Document,
   revision: Revision,
diff --git a/app/scenes/Document/components/Editor.js b/app/scenes/Document/components/Editor.js
index 35d959f2..ae1aa722 100644
--- a/app/scenes/Document/components/Editor.js
+++ b/app/scenes/Document/components/Editor.js
@@ -3,6 +3,7 @@ import { observable } from "mobx";
 import { observer } from "mobx-react";
 import * as React from "react";
 import Textarea from "react-autosize-textarea";
+import RichMarkdownEditor from "rich-markdown-editor";
 import styled from "styled-components";
 import parseTitle from "shared/utils/parseTitle";
 import Document from "models/Document";
@@ -25,7 +26,7 @@ type Props = {
 @observer
 class DocumentEditor extends React.Component<Props> {
   @observable activeLinkEvent: ?MouseEvent;
-  editor = React.createRef<typeof Editor>();
+  editor = React.createRef<RichMarkdownEditor>();
 
   focusAtStart = () => {
     if (this.editor.current) {
diff --git a/app/scenes/Search/Search.js b/app/scenes/Search/Search.js
index d10fe357..55cd3305 100644
--- a/app/scenes/Search/Search.js
+++ b/app/scenes/Search/Search.js
@@ -9,7 +9,7 @@ import * as React from "react";
 import ReactDOM from "react-dom";
 import keydown from "react-keydown";
 import { withRouter, Link } from "react-router-dom";
-import type { Location, RouterHistory, Match } from "react-router-dom";
+import type { RouterHistory, Match } from "react-router-dom";
 import { Waypoint } from "react-waypoint";
 import styled from "styled-components";
 
@@ -32,13 +32,14 @@ import SearchField from "./components/SearchField";
 import StatusFilter from "./components/StatusFilter";
 import UserFilter from "./components/UserFilter";
 import NewDocumentMenu from "menus/NewDocumentMenu";
+import { type LocationWithState } from "types";
 import { meta } from "utils/keyboard";
 import { newDocumentUrl, searchUrl } from "utils/routeHelpers";
 
 type Props = {
   history: RouterHistory,
   match: Match,
-  location: Location,
+  location: LocationWithState,
   documents: DocumentsStore,
   users: UsersStore,
   notFound: ?boolean,
@@ -46,7 +47,7 @@ type Props = {
 
 @observer
 class Search extends React.Component<Props> {
-  firstDocument: ?typeof DocumentPreview;
+  firstDocument: ?React.Component<typeof DocumentPreview>;
 
   @observable
   query: string = decodeURIComponent(this.props.match.params.term || "");
@@ -222,6 +223,7 @@ class Search extends React.Component<Props> {
   };
 
   setFirstDocumentRef = (ref) => {
+    // $FlowFixMe
     this.firstDocument = ref;
   };