改用ChannelTableModal

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

@@ -1,70 +1,39 @@
 import { Button } from "antd";
 import { useState } from "react";
 import { PlusOutlined } from "@ant-design/icons";
-import { useAppSelector } from "../../../hooks";
-import { currentUser as _currentUser } from "../../../reducers/current-user";
-import ChannelPicker from "../../channel/ChannelPicker";
+
 import { IChannel } from "../../channel/Channel";
-import SentCell from "./SentCell";
-import { ISentence } from "../SentEdit";
+import ChannelTableModal from "../../channel/ChannelTableModal";
+
 interface IWidget {
-  book: number;
-  para: number;
-  wordStart: number;
-  wordEnd: number;
+  onSelect?: Function;
 }
-const Widget = ({ book, para, wordStart, wordEnd }: IWidget) => {
-  const [channel, setChannel] = useState<IChannel>();
+const Widget = ({ onSelect }: IWidget) => {
   const [channelPickerOpen, setChannelPickerOpen] = useState(false);
-  const [initSent, setInitSent] = useState<ISentence>();
-  const user = useAppSelector(_currentUser);
-  return channel ? (
-    initSent ? (
-      <SentCell data={initSent} isPr={false} />
-    ) : (
-      <></>
-    )
-  ) : (
-    <>
-      <Button
-        type="dashed"
-        style={{ width: 300 }}
-        icon={<PlusOutlined />}
-        onClick={() => {
-          setChannelPickerOpen(true);
-        }}
-      >
-        Add
-      </Button>
-      <ChannelPicker
-        open={channelPickerOpen}
-        onClose={() => setChannelPickerOpen(false)}
-        onSelect={(channels: IChannel[]) => {
-          setChannel(channels[0]);
-          setChannelPickerOpen(false);
-          if (typeof user === "undefined") {
-            return;
-          }
-          const sentData: ISentence = {
-            content: "",
-            contentType: "markdown",
-            html: "<spen></spen>",
-            book: book,
-            para: para,
-            wordStart: wordStart,
-            wordEnd: wordEnd,
-            editor: {
-              id: user.id,
-              nickName: user.nickName,
-              userName: user.realName,
-            },
-            channel: channels[0],
-            updateAt: "",
-          };
-          setInitSent(sentData);
-        }}
-      />
-    </>
+
+  return (
+    <ChannelTableModal
+      trigger={
+        <Button
+          type="dashed"
+          style={{ width: 300 }}
+          icon={<PlusOutlined />}
+          onClick={() => {
+            setChannelPickerOpen(true);
+          }}
+        >
+          Add
+        </Button>
+      }
+      open={channelPickerOpen}
+      onClose={() => setChannelPickerOpen(false)}
+      onSelect={(channel: IChannel) => {
+        setChannelPickerOpen(false);
+        if (typeof onSelect !== "undefined") {
+          onSelect(channel);
+        }
+      }}
+    />
   );
 };