:fire: link

dashboard/src/components/corpus/TocPath.tsx

@@ -1,12 +1,11 @@
-import { Link } from "react-router-dom";
 import { Breadcrumb, Popover, Tag, Typography } from "antd";
 import PaliText from "../template/Wbw/PaliText";
 import React from "react";
-import { IChapter } from "./BookViewer";
 
 export interface ITocPathNode {
-  book: number;
-  paragraph: number;
+  key?: string;
+  book?: number;
+  paragraph?: number;
   title: string;
   paliTitle?: string;
   level: number;
@@ -23,60 +22,39 @@ interface IWidgetTocPath {
 }
 const TocPathWidget = ({
   data = [],
-  trigger = "toc",
+  trigger,
   link = "self",
   channel,
   onChange,
 }: IWidgetTocPath): JSX.Element => {
-  const path = data.map((item, id) => {
-    let sChannel = "";
-    if (typeof channel !== "undefined" && channel.length > 0) {
-      sChannel = "?channel=" + channel.join("_");
-    }
-    const linkChapter = `/article/chapter/${item.book}-${item.paragraph}${sChannel}`;
-    let oneItem = <></>;
-    const title = <PaliText text={item.title} />;
-    const eTitle = item.level < 9 ? title : <Tag>{title}</Tag>;
-    switch (link) {
-      case "none":
-        oneItem = <Typography.Link>{eTitle}</Typography.Link>;
-        break;
-      case "self" || "blank":
-        if (item.book === 0) {
-          oneItem = <>{eTitle}</>;
-        } else {
-          oneItem = (
-            <Link to={linkChapter} target={`_${link}`}>
-              {eTitle}
-            </Link>
-          );
-        }
-
-        break;
-    }
-    return (
-      <Breadcrumb.Item
-        onClick={(
-          e: React.MouseEvent<HTMLSpanElement | HTMLAnchorElement, MouseEvent>
-        ) => {
-          if (typeof onChange !== "undefined") {
-            const para: IChapter = {
-              book: item.book,
-              para: item.paragraph,
-              level: item.level,
-            };
-            onChange(para, e);
-          }
-        }}
-        key={id}
-      >
-        {oneItem}
-      </Breadcrumb.Item>
-    );
-  });
+  console.log("path", data);
   const fullPath = (
     <Breadcrumb style={{ whiteSpace: "nowrap", width: "100%" }}>
-      {path}
+      {data.map((item, id) => {
+        return (
+          <Breadcrumb.Item
+            onClick={(
+              e: React.MouseEvent<
+                HTMLSpanElement | HTMLAnchorElement,
+                MouseEvent
+              >
+            ) => {
+              if (typeof onChange !== "undefined") {
+                onChange(item, e);
+              }
+            }}
+            key={id}
+          >
+            <Typography.Link>
+              {item.level < 99 ? (
+                <PaliText text={item.title} />
+              ) : (
+                <Tag>{item.title}</Tag>
+              )}
+            </Typography.Link>
+          </Breadcrumb.Item>
+        );
+      })}
     </Breadcrumb>
   );
   if (typeof trigger === "undefined") {