import { useEffect, useState } from "react";

import DiscussionTopicInfo from "./DiscussionTopicInfo";
import DiscussionTopicChildren from "./DiscussionTopicChildren";
import type { IComment } from "./DiscussionItem"
import type { TResType } from "./DiscussionListCard"
import type { TDiscussionType } from "./Discussion"

interface IWidget {
  resType?: TResType;
  topicId?: string;
  topic?: IComment;
  focus?: string;
  hideTitle?: boolean;
  hideReply?: boolean;
  onItemCountChange?: Function;
  onTopicReady?: Function;
  onTopicDelete?: Function;
  onConvert?: Function;
}
const DiscussionTopicWidget = ({
  resType,
  topicId,
  topic,
  focus,
  hideTitle = false,
  hideReply = false,
  onTopicReady,
  onItemCountChange,
  onTopicDelete,
  onConvert,
}: IWidget) => {
  const [count, setCount] = useState<number>();
  const [_currResId, setCurrResId] = useState<string>();
  const [currTopicId, setCurrTopicId] = useState(topicId);
  const [currTopic, setCurrTopic] = useState<IComment | undefined>(topic);
  useEffect(() => {
    setCurrTopic(topic);
  }, [topic]);

  return (
    <>
      <DiscussionTopicInfo
        topicId={currTopicId}
        topic={currTopic}
        hideTitle={hideTitle}
        childrenCount={count}
        onReady={(value: IComment) => {
          setCurrResId(value.resId);
          setCurrTopic(value);
          console.log("discussion onReady", value);
          if (typeof onTopicReady !== "undefined") {
            onTopicReady(value);
          }
        }}
        onDelete={() => {
          if (typeof onTopicDelete !== "undefined") {
            onTopicDelete();
          }
        }}
        onConvert={(value: TDiscussionType) => {
          if (typeof onConvert !== "undefined") {
            onConvert(value);
          }
        }}
      />
      <DiscussionTopicChildren
        topic={currTopic}
        resId={currTopic?.resId}
        resType={resType}
        focus={focus}
        topicId={topicId}
        hideReply={hideReply}
        onItemCountChange={(count: number, e: string) => {
          //把新建回答的消息传出去。
          setCount(count);
          if (typeof onItemCountChange !== "undefined") {
            onItemCountChange(count, e);
          }
        }}
        onTopicCreate={(value: IComment) => {
          console.log("onTopicCreate", value);
          setCurrTopicId(value.id);
        }}
      />
    </>
  );
};

export default DiscussionTopicWidget;