:fire: log

dashboard/src/components/discussion/DiscussionItem.tsx

@@ -34,7 +34,6 @@ const DiscussionItemWidget = ({
 }: IWidget) => {
   const [edit, setEdit] = useState(false);
   const [currData, setCurrData] = useState<IComment>(data);
-  console.log("isFocus", isFocus);
   return (
     <div
       id={`answer-${data.id}`}
@@ -42,6 +41,8 @@ const DiscussionItemWidget = ({
         display: "flex",
         width: "100%",
         border: isFocus ? "2px solid blue" : "unset",
+        borderRadius: 10,
+        padding: 5,
       }}
     >
       <div style={{ width: "2em" }}>

dashboard/src/components/discussion/DiscussionTopic.tsx

@@ -16,13 +16,11 @@ const DiscussionTopicWidget = ({
   onTopicReady,
   onItemCountChange,
 }: IWidget) => {
-  console.log("focus", focus);
   return (
     <>
       <DiscussionTopicInfo
         topicId={topicId}
         onReady={(value: IComment) => {
-          console.log("on Topic Ready", value);
           if (typeof onTopicReady !== "undefined") {
             onTopicReady(value);
           }

dashboard/src/components/discussion/DiscussionTopicChildren.tsx

@@ -20,7 +20,13 @@ const DiscussionTopicChildrenWidget = ({
   const intl = useIntl();
   const [data, setData] = useState<IComment[]>([]);
   const [loading, setLoading] = useState(true);
-
+  useEffect(() => {
+    if (loading === false) {
+      const ele = document.getElementById(`answer-${focus}`);
+      ele?.scrollIntoView();
+      console.log("after render");
+    }
+  });
   useEffect(() => {
     if (typeof topicId === "undefined") {
       return;
@@ -29,9 +35,7 @@ const DiscussionTopicChildrenWidget = ({
 
     get<ICommentListResponse>(`/v2/discussion?view=answer&id=${topicId}`)
       .then((json) => {
-        console.log(json);
         if (json.ok) {
-          console.log("ok", json.data);
           const discussions: IComment[] = json.data.rows.map((item) => {
             return {
               id: item.id,
@@ -72,14 +76,12 @@ const DiscussionTopicChildrenWidget = ({
           itemLayout="horizontal"
           dataSource={data}
           renderItem={(item) => {
-            console.log("focus", item.id, focus);
             return (
               <List.Item>
                 <DiscussionItem
                   data={item}
                   isFocus={item.id === focus ? true : false}
                   onDelete={() => {
-                    console.log("delete", item.id, data);
                     if (typeof onItemCountChange !== "undefined") {
                       onItemCountChange(data.length - 1, item.parent);
                     }
@@ -97,7 +99,6 @@ const DiscussionTopicChildrenWidget = ({
         contentType="markdown"
         parent={topicId}
         onCreated={(e: IComment) => {
-          console.log("create", e);
           const newData = JSON.parse(JSON.stringify(e));
           setData([...data, newData]);
           if (typeof onItemCountChange !== "undefined") {

dashboard/src/components/discussion/DiscussionTopicInfo.tsx

@@ -19,9 +19,10 @@ const DiscussionTopicInfoWidget = ({ topicId, onReady }: IWidget) => {
     if (typeof topicId === "undefined") {
       return;
     }
-    get<ICommentResponse>(`/v2/discussion/${topicId}`)
+    const url = `/v2/discussion/${topicId}`;
+    console.log("url", url);
+    get<ICommentResponse>(url)
       .then((json) => {
-        console.log("ICommentResponse", json);
         if (json.ok) {
           console.log("flashes.success");
           const item = json.data;