Merge pull request #8919 from streetwriters/web/show-monograph-view-count

web: show monograph's view count

Author: thecodrr

apps/web/src/components/editor/action-bar.tsx

@@ -91,7 +91,7 @@ type ToolButton = {
   hidden?: boolean;
   hideOnMobile?: boolean;
   toggled?: boolean;
-  onClick: () => void;
+  onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 };
 
 export function EditorActionBar() {
@@ -147,11 +147,15 @@ export function EditorActionBar() {
       enabled:
         activeSession &&
         (activeSession.type === "default" || activeSession.type === "readonly"),
-      onClick: () =>
-        activeSession &&
-        (activeSession.type === "default" ||
-          activeSession.type === "readonly") &&
-        showPublishView(activeSession.note, "top")
+      onClick: (e) => {
+        if (
+          !activeSession ||
+          (activeSession.type !== "default" &&
+            activeSession.type !== "readonly")
+        )
+          return;
+        showPublishView(activeSession.note, e.target as HTMLElement);
+      }
     },
     {
       title: strings.toc(),

apps/web/src/components/note/index.tsx

@@ -96,7 +96,7 @@ import {
 } from "../icons";
 import { Context } from "../list-container/types";
 import ListItem from "../list-item";
-import { showPublishView } from "../publish-view";
+import { PublishDialog } from "../publish-view";
 import TimeAgo from "../time-ago";
 
 type NoteProps = NoteResolvedData & {
@@ -480,7 +480,7 @@ export const noteMenuItems: (
                 title: strings.update(),
                 icon: Update.path,
                 onClick: () => {
-                  showPublishView(note, "bottom");
+                  PublishDialog.show({ note });
                 }
               },
               {
@@ -499,7 +499,7 @@ export const noteMenuItems: (
             ]
           }
         : undefined,
-      onClick: () => showPublishView(note, "bottom")
+      onClick: () => PublishDialog.show({ note })
     },
     {
       type: "button",