:art: formatting

dashboard/src/components/corpus/PaliChapterListByPara.tsx

@@ -1,49 +1,49 @@
 import { useState, useEffect } from "react";
 import { get } from "../../request";
-import { IApiResponcePaliChapterList } from "../api/Corpus";
+import { IApiResponsePaliChapterList } from "../api/Corpus";
 import { IParagraph } from "./BookViewer";
 import { IPaliChapterData } from "./PaliChapterCard";
 import PaliChapterList, { IChapterClickEvent } from "./PaliChapterList";
 
 interface IWidgetPaliChapterListByPara {
-	para: IParagraph;
-	onChapterClick?: Function;
+  para: IParagraph;
+  onChapterClick?: Function;
 }
 const defaultData: IPaliChapterData[] = [];
 const Widget = (prop: IWidgetPaliChapterListByPara) => {
-	const [tableData, setTableData] = useState(defaultData);
+  const [tableData, setTableData] = useState(defaultData);
 
-	useEffect(() => {
-		console.log("palichapterlist useEffect");
-		let url = `/v2/palitext?view=chapter_children&book=${prop.para.book}&para=${prop.para.para}`;
-		get(url).then(function (myJson) {
-			console.log("ajex", myJson);
-			const data = myJson as unknown as IApiResponcePaliChapterList;
-			let newTree: IPaliChapterData[] = data.data.rows.map((item) => {
-				return {
-					Title: item.toc,
-					PaliTitle: item.toc,
-					Path: item.path,
-					Book: item.book,
-					Paragraph: item.paragraph,
-				};
-			});
-			setTableData(newTree);
-		});
-	}, [prop.para]);
+  useEffect(() => {
+    console.log("palichapterlist useEffect");
+    let url = `/v2/palitext?view=chapter_children&book=${prop.para.book}&para=${prop.para.para}`;
+    get(url).then(function (myJson) {
+      console.log("ajex", myJson);
+      const data = myJson as unknown as IApiResponsePaliChapterList;
+      let newTree: IPaliChapterData[] = data.data.rows.map((item) => {
+        return {
+          Title: item.toc,
+          PaliTitle: item.toc,
+          Path: item.path,
+          Book: item.book,
+          Paragraph: item.paragraph,
+        };
+      });
+      setTableData(newTree);
+    });
+  }, [prop.para]);
 
-	return (
-		<>
-			<PaliChapterList
-				onChapterClick={(e: IChapterClickEvent) => {
-					if (prop.onChapterClick) {
-						prop.onChapterClick(e);
-					}
-				}}
-				data={tableData}
-			/>
-		</>
-	);
+  return (
+    <>
+      <PaliChapterList
+        onChapterClick={(e: IChapterClickEvent) => {
+          if (prop.onChapterClick) {
+            prop.onChapterClick(e);
+          }
+        }}
+        data={tableData}
+      />
+    </>
+  );
 };
 
 export default Widget;

dashboard/src/components/corpus/PaliChapterListByTag.tsx

@@ -1,49 +1,49 @@
 import { useState, useEffect } from "react";
 import { get } from "../../request";
-import { IApiResponcePaliChapterList } from "../api/Corpus";
+import { IApiResponsePaliChapterList } from "../api/Corpus";
 import { IPaliChapterData } from "./PaliChapterCard";
 import PaliChapterList, { IChapterClickEvent } from "./PaliChapterList";
 
 interface IWidgetPaliChapterListByTag {
-	tag: string[];
-	onChapterClick?: Function;
+  tag: string[];
+  onChapterClick?: Function;
 }
 const defaultData: IPaliChapterData[] = [];
 const Widget = (prop: IWidgetPaliChapterListByTag) => {
-	const [tableData, setTableData] = useState(defaultData);
+  const [tableData, setTableData] = useState(defaultData);
 
-	useEffect(() => {
-		console.log("palichapterlist useEffect");
-		let url = `/v2/palitext?view=chapter&tags=${prop.tag.join()}`;
-		console.log("tag url", url);
-		get(url).then(function (myJson) {
-			console.log("ajex", myJson);
-			const data = myJson as unknown as IApiResponcePaliChapterList;
-			let newTree: IPaliChapterData[] = data.data.rows.map((item) => {
-				return {
-					Title: item.title,
-					PaliTitle: item.title,
-					Path: item.path,
-					Book: item.book,
-					Paragraph: item.paragraph,
-				};
-			});
-			setTableData(newTree);
-		});
-	}, [prop.tag]);
+  useEffect(() => {
+    console.log("palichapterlist useEffect");
+    let url = `/v2/palitext?view=chapter&tags=${prop.tag.join()}`;
+    console.log("tag url", url);
+    get(url).then(function (myJson) {
+      console.log("ajex", myJson);
+      const data = myJson as unknown as IApiResponsePaliChapterList;
+      let newTree: IPaliChapterData[] = data.data.rows.map((item) => {
+        return {
+          Title: item.title,
+          PaliTitle: item.title,
+          Path: item.path,
+          Book: item.book,
+          Paragraph: item.paragraph,
+        };
+      });
+      setTableData(newTree);
+    });
+  }, [prop.tag]);
 
-	return (
-		<>
-			<PaliChapterList
-				data={tableData}
-				onChapterClick={(e: IChapterClickEvent) => {
-					if (typeof prop.onChapterClick !== "undefined") {
-						prop.onChapterClick(e);
-					}
-				}}
-			/>
-		</>
-	);
+  return (
+    <>
+      <PaliChapterList
+        data={tableData}
+        onChapterClick={(e: IChapterClickEvent) => {
+          if (typeof prop.onChapterClick !== "undefined") {
+            prop.onChapterClick(e);
+          }
+        }}
+      />
+    </>
+  );
 };
 
 export default Widget;