From e67d319e2bf8a2f3a51ad17c688f8efb465b97c1 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Wed, 16 Sep 2020 21:15:21 -0700
Subject: [PATCH] fix: Update DocumentMetaWithViews to hooks, correctly observe
 store changes closes #1555

---
 app/components/DocumentMetaWithViews.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/DocumentMetaWithViews.js b/app/components/DocumentMetaWithViews.js
index cde7cff5..e7ca93e1 100644
--- a/app/components/DocumentMetaWithViews.js
+++ b/app/components/DocumentMetaWithViews.js
@@ -1,20 +1,20 @@
 // @flow
-import { inject } from "mobx-react";
+import { useObserver } from "mobx-react";
 import * as React from "react";
 import styled from "styled-components";
-import ViewsStore from "stores/ViewsStore";
 import Document from "models/Document";
 import DocumentMeta from "components/DocumentMeta";
+import useStores from "../hooks/useStores";
 
 type Props = {|
-  views: ViewsStore,
   document: Document,
   isDraft: boolean,
   to?: string,
 |};
 
-function DocumentMetaWithViews({ views, to, isDraft, document }: Props) {
-  const totalViews = views.countForDocument(document.id);
+function DocumentMetaWithViews({ to, isDraft, document }: Props) {
+  const { views } = useStores();
+  const totalViews = useObserver(() => views.countForDocument(document.id));
 
   return (
     <Meta document={document} to={to}>
@@ -45,4 +45,4 @@ const Meta = styled(DocumentMeta)`
   }
 `;
 
-export default inject("views")(DocumentMetaWithViews);
+export default DocumentMetaWithViews;