add TableDisplay node

src/locales/jp.json

@@ -13,6 +13,10 @@
       "nodes": {
         "fetch_ToshoListed": {
           "title": "東証上場銘柄一覧"
+        },
+        "present_TableDisplay": {
+          "title": "銘柄一覧表示",
+          "open": "開く"
         }
       }
     }

src/pages/Screening.tsx

@@ -8,10 +8,11 @@ import { History, Impl as HistoryImpl } from "./context/History";
 
 const nodeTypes = {
   fetch_ToshoListed: node.fetch.ToshoListed,
+  present_TableDisplay: node.present.TableDisplay,
 };
 const initialNodes: Node[] = [
   {id: "n1", type: "fetch_ToshoListed", position: {x:0, y:0}, data: {prime: true, standard: true, growth: true}},
-  {id: "n2", position: {x:0, y:100}, data: {label: "hi"}},
+  {id: "n2", type: "present_TableDisplay",  position: {x:0, y:100}, data: {}},
   {id: "n3", position: {x:0, y:200}, data: {label: "hello"}},
 ];
 

src/pages/node/fetch.tsx

@@ -9,7 +9,7 @@ export type ToshoListed = Node<{
   prime: boolean,
   standard: boolean,
   growth: boolean,
-}, "ToshoListed">;
+}, "fetch_ToshoListed">;
 export function ToshoListed({id, data}: NodeProps<ToshoListed>) {
   const {t} = useTranslation();
 

src/pages/node/index.tsx

@@ -1,2 +1,3 @@
 export { default as Base } from "./Base";
 export * as fetch from "./fetch";
+export * as present from "./present";

src/pages/node/present.tsx

@@ -0,0 +1,15 @@
+import { useTranslation } from "react-i18next";
+import { Handle, Position } from "@xyflow/react";
+import Base from "./Base";
+
+export function TableDisplay() {
+  const {t} = useTranslation();
+  return (
+    <Base title={t("pages.screening.nodes.present_TableDisplay.title")}>
+      <div>
+        <div><a href="#">{t("pages.screening.nodes.present_TableDisplay.open")}</a></div>
+      </div>
+      <Handle type="target" position={Position.Left}/>
+    </Base>
+  );
+}