mobile: auto update pinned note in notif

apps/mobile/app/screens/editor/tiptap/use-editor.ts

@@ -17,6 +17,7 @@ You should have received a copy of the GNU General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
+import { getFormattedDate } from "@notesnook/common";
 import { EVENTS } from "@notesnook/core/dist/common";
 import { useThemeEngineStore } from "@notesnook/theme";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -31,6 +32,7 @@ import {
   openVault
 } from "../../../services/event-manager";
 import Navigation from "../../../services/navigation";
+import Notifications from "../../../services/notifications";
 import SettingsService from "../../../services/settings";
 import { TipManager } from "../../../services/tip-manager";
 import { useEditorStore } from "../../../stores/use-editor-store";
@@ -52,7 +54,6 @@ import {
   makeSessionId,
   post
 } from "./utils";
-import { getFormattedDate } from "@notesnook/common";
 
 export const useEditor = (
   editorId = "",
@@ -234,6 +235,10 @@ export const useEditor = (
               id && useEditorStore.getState().setCurrentlyEditingNote(id);
             });
           }
+
+          if (Notifications.isNotePinned(id as string)) {
+            Notifications.pinNote(id as string);
+          }
         } else {
           noteData.contentId = note?.contentId;
           // eslint-disable-next-line @typescript-eslint/no-explicit-any

apps/mobile/app/services/notifications.ts

@@ -46,6 +46,7 @@ import { useRelationStore } from "../stores/use-relation-store";
 import { useReminderStore } from "../stores/use-reminder-store";
 import { presentDialog } from "../components/dialog/functions";
 import NetInfo from "@react-native-community/netinfo";
+import { convertNoteToText } from "../utils/note-to-text";
 
 export type Reminder = {
   id: string;
@@ -757,6 +758,11 @@ function getPinnedNotes(): DisplayedNotification[] {
   return pinned;
 }
 
+function isNotePinned(id: string) {
+  if (Platform.OS !== "android") return false;
+  return pinned.findIndex((notification) => notification.id === id) > -1;
+}
+
 function get(): Promise<DisplayedNotification[]> {
   return new Promise((resolve) => {
     if (Platform.OS === "ios") resolve([]);
@@ -844,6 +850,26 @@ async function setupReminders(checkNeedsScheduling = false) {
   );
 }
 
+async function pinNote(id: string) {
+  try {
+    const note = db.notes?.note(id as string) as any;
+    let text = await convertNoteToText(note as any, false);
+    if (!text) text = "";
+    let html = text.replace(/\n/g, "<br />");
+    Notifications.displayNotification({
+      title: note.title,
+      message: note.headline || text,
+      subtitle: note.headline || text,
+      bigText: html,
+      ongoing: true,
+      actions: ["UNPIN"],
+      id: note.id
+    });
+  } catch (e) {
+    console.log(e);
+  }
+}
+
 const Notifications = {
   init,
   displayNotification,
@@ -859,7 +885,9 @@ const Notifications = {
   checkAndRequestPermissions,
   clearAllTriggers,
   setupReminders,
-  getChannelId
+  getChannelId,
+  isNotePinned,
+  pinNote
 };
 
 export default Notifications;

apps/mobile/package-lock.json

@@ -80,6 +80,7 @@
         "@types/katex": "^0.16.1",
         "@types/prismjs": "^1.26.0",
         "@types/showdown": "^2.0.0",
+        "@vitest/coverage-v8": "^0.34.1",
         "abortcontroller-polyfill": "^1.7.3",
         "cross-env": "^7.0.3",
         "dotenv": "^16.0.1",
@@ -26510,6 +26511,7 @@
         "@types/katex": "^0.16.1",
         "@types/prismjs": "^1.26.0",
         "@types/showdown": "^2.0.0",
+        "@vitest/coverage-v8": "^0.34.1",
         "abortcontroller-polyfill": "^1.7.3",
         "async-mutex": "^0.3.2",
         "cross-env": "^7.0.3",

apps/web/package-lock.json

@@ -19677,6 +19677,7 @@
         "@types/katex": "^0.16.1",
         "@types/prismjs": "^1.26.0",
         "@types/showdown": "^2.0.0",
+        "@vitest/coverage-v8": "^0.34.1",
         "abortcontroller-polyfill": "^1.7.3",
         "cross-env": "^7.0.3",
         "dotenv": "^16.0.1",

packages/common/package-lock.json

@@ -51,6 +51,7 @@
         "@types/katex": "^0.16.1",
         "@types/prismjs": "^1.26.0",
         "@types/showdown": "^2.0.0",
+        "@vitest/coverage-v8": "^0.34.1",
         "abortcontroller-polyfill": "^1.7.3",
         "cross-env": "^7.0.3",
         "dotenv": "^16.0.1",
@@ -149,6 +150,7 @@
         "@types/katex": "^0.16.1",
         "@types/prismjs": "^1.26.0",
         "@types/showdown": "^2.0.0",
+        "@vitest/coverage-v8": "^0.34.1",
         "abortcontroller-polyfill": "^1.7.3",
         "async-mutex": "^0.3.2",
         "cross-env": "^7.0.3",

packages/core/package-lock.json

@@ -4419,8 +4419,7 @@
     "ws": {
       "version": "7.5.9",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
-      "requires": {}
+      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q=="
     },
     "yallist": {
       "version": "4.0.0",

packages/editor/package-lock.json

@@ -111,6 +111,7 @@
         "@types/katex": "^0.16.1",
         "@types/prismjs": "^1.26.0",
         "@types/showdown": "^2.0.0",
+        "@vitest/coverage-v8": "^0.34.1",
         "abortcontroller-polyfill": "^1.7.3",
         "cross-env": "^7.0.3",
         "dotenv": "^16.0.1",
@@ -4315,6 +4316,7 @@
         "@types/katex": "^0.16.1",
         "@types/prismjs": "^1.26.0",
         "@types/showdown": "^2.0.0",
+        "@vitest/coverage-v8": "^0.34.1",
         "abortcontroller-polyfill": "^1.7.3",
         "async-mutex": "^0.3.2",
         "cross-env": "^7.0.3",

packages/ui/src/components/menu/menu-button.tsx

@@ -78,7 +78,10 @@ export function MenuButton(props: MenuButtonProps) {
               path={icon}
               size={"medium"}
               sx={{ mr: 2 }}
-              color={variant === "dangerous" ? "icon-error" : "icon"}
+              color={
+                (styles?.icon?.color as string) ||
+                (variant === "dangerous" ? "icon-error" : "icon")
+              }
             />
           )}
           <Text

packages/ui/src/components/menu/types.ts

@@ -49,6 +49,7 @@ export type MenuButtonItem = BaseMenuItem<"button"> & {
 
   styles?: {
     title?: ThemeUICSSObject;
+    icon?: ThemeUICSSObject;
   };
 };