From 2f7aca9fc1d60d7882d2fc71ef5e55a94313eb7c Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Tue, 9 Nov 2021 00:31:47 +0800
Subject: [PATCH] feat: adapt page level properties as the prefix

---
 package.json     | 1 +
 src/PageTabs.tsx | 7 ++++++-
 src/types.ts     | 3 +++
 src/utils.ts     | 4 ++--
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 6b2f64a..b706e70 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,7 @@
 {
   "name": "logseq-plugin-tabs",
   "version": "1.7.5",
+  "schemaVersion": "1.0.0",
   "main": "dist/index.html",
   "scripts": {
     "dev": "vite",
diff --git a/src/PageTabs.tsx b/src/PageTabs.tsx
index 921a694..8455c42 100644
--- a/src/PageTabs.tsx
+++ b/src/PageTabs.tsx
@@ -104,6 +104,11 @@ const Tabs = React.forwardRef<HTMLElement, TabsProps>(
             e.dataTransfer.effectAllowed = "move";
             setDraggingTab(tab);
           };
+          const prefix = tab.properties?.emoji
+            ? tab.properties?.emoji
+            : isBlock(tab)
+            ? "B"
+            : "P";
           return (
             <div
               onClick={() => onClickTab(tab)}
@@ -118,7 +123,7 @@ const Tabs = React.forwardRef<HTMLElement, TabsProps>(
               className="logseq-tab group"
             >
               <div className="text-xs rounded border mr-1 px-1 inline light:bg-white dark:bg-dark">
-                {isBlock(tab) ? "B" : "P"}
+                {prefix}
               </div>
               <span className="logseq-tab-title">
                 {tab.originalName ?? tab.name}{" "}
diff --git a/src/types.ts b/src/types.ts
index 132bfb3..59daa75 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -6,6 +6,9 @@ export interface ITabInfo {
   page?: {
     id: number;
   };
+  properties?: {
+    emoji?: string;
+  };
 
   // UI States:
   pinned?: boolean;
diff --git a/src/utils.ts b/src/utils.ts
index 788c481..b0febd3 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -3,7 +3,7 @@ import type { PageEntity } from "@logseq/libs/dist/LSPlugin";
 import React, { useMemo, useState } from "react";
 import isEqual from "fast-deep-equal";
 import { useHoverDirty, useMountedState } from "react-use";
-import { version } from "../package.json";
+import { schemaVersion } from "../package.json";
 import { ITabInfo } from "./types";
 
 export const useAppVisible = () => {
@@ -92,7 +92,7 @@ export const delay = (ms: number) =>
   new Promise((resolve) => setTimeout(resolve, ms));
 
 function getKeyId(graph: string) {
-  return "logseq-plugin-tabs:" + version + "/" + graph;
+  return "logseq-plugin-tabs:" + schemaVersion + "/" + graph;
 }
 
 const readFromLocalStorage = (graph: string): ITabInfo[] | null => {