add path

dashboard/src/components/template/SentEdit.tsx

@@ -3,6 +3,7 @@ import { IStudio } from "../auth/StudioName";
 
 import type { IUser } from "../auth/User";
 import { IChannel } from "../channel/Channel";
+import { ITocPathNode } from "../corpus/TocPath";
 import SentContent from "./SentEdit/SentContent";
 import SentMenu from "./SentEdit/SentMenu";
 import SentTab from "./SentEdit/SentTab";
@@ -38,6 +39,7 @@ export interface IWidgetSentEditInner {
   channels?: string[];
   origin?: ISentence[];
   translation?: ISentence[];
+  path?: ITocPathNode[];
   layout?: "row" | "column";
   tranNum?: number;
   nissayaNum?: number;
@@ -49,6 +51,7 @@ export const SentEditInner = ({
   id,
   origin,
   translation,
+  path,
   layout = "column",
   tranNum,
   nissayaNum,
@@ -66,6 +69,7 @@ export const SentEditInner = ({
         />
         <SentTab
           id={id}
+          path={path}
           tranNum={tranNum}
           nissayaNum={nissayaNum}
           commNum={commNum}

dashboard/src/components/template/SentEdit/SentTab.tsx

@@ -1,4 +1,4 @@
-import { Badge, Tabs, Typography } from "antd";
+import { Badge, Space, Tabs, Typography } from "antd";
 import {
   TranslationOutlined,
   CloseOutlined,
@@ -10,12 +10,14 @@ import SentTabButton from "./SentTabButton";
 import SentCanRead from "./SentCanRead";
 import SentSim from "./SentSim";
 import { useIntl } from "react-intl";
+import TocPath from "../../corpus/TocPath";
 
 const { Text } = Typography;
 
 const Widget = ({
   id,
   channels,
+  path,
   tranNum,
   nissayaNum,
   commNum,
@@ -37,7 +39,10 @@ const Widget = ({
         size="small"
         tabBarGutter={0}
         tabBarExtraContent={
-          <Text copyable={{ text: sentId[0] }}>{sentId[0]}</Text>
+          <Space>
+            <TocPath data={path} trigger={path ? path[0].paliTitle : <></>} />
+            <Text copyable={{ text: sentId[0] }}>{sentId[0]}</Text>
+          </Space>
         }
         items={[
           {