feat: search sub-comments

Author: pacexy

src/App.tsx

@@ -24,9 +24,7 @@ export default function App() {
               // `e.currentTarget` will be null after `await`
               const keyword = e.currentTarget.value
               const allComments = await promise!
-              const comments = allComments.filter((comment) =>
-                comment.content.message.includes(keyword)
-              )
+              const comments = searchComments(allComments, keyword)
               setComments(comments)
             }
           }}
@@ -49,7 +47,7 @@ export default function App() {
 }
 
 interface CommentProps {
-  comments?: Reply[]
+  comments?: Reply[] | null
   sub?: boolean
 }
 const CommentTree: React.FC<CommentProps> = ({ comments, sub = false }) => {
@@ -97,3 +95,12 @@ const CommentTree: React.FC<CommentProps> = ({ comments, sub = false }) => {
     </ul>
   )
 }
+
+function searchComments(allComments: Reply[], keyword: string) {
+  return allComments.filter((comment) => {
+    return (
+      comment.content.message.includes(keyword) ||
+      comment.replies?.some((reply) => reply.content.message.includes(keyword))
+    )
+  })
+}

src/reply.d.ts

@@ -19,7 +19,7 @@ export interface Reply {
   action: number
   member: Member
   content: Content
-  replies: Reply[]
+  replies: Reply[] | null
   assist: number
   up_action: UpAction
   invisible: boolean