feat(discussion): display comments as posts on discussion page

crowdparlay · Jan 31, 2024 · 29b0ca2 · 29b0ca2
1 parent 7393af1
commit 29b0ca2
Showing 1 changed file with 20 additions and 4 deletions.
diff --git a/src/pages/discussion/page.tsx b/src/pages/discussion/page.tsx
@@ -1,14 +1,31 @@
 import {useList, useUnit} from 'effector-react';
 
-import {Page, Text, TextSize} from '~/shared/ui';
+import {Post} from '~/widgets/post';
+
+import {Container, ContainerSize, Page, Text, TextSize} from '~/shared/ui';
 
 import * as model from './model';
 
 export const DiscussionPage = () => {
   const [discussion] = useUnit([model.$discussion]);
 
   const comments = useList(model.$comments, (comment) => (
-    <Text key={comment.id!}>{comment.content!}</Text>
+    <Post
+      key={comment.id!}
+      id={comment.id!}
+      author={{
+        id: comment.author!.id!,
+        username: comment.author!.username!,
+        displayName: comment.author!.display_name!,
+        avatarUrl: comment.author!.avatar_url!,
+      }}
+      date={new Date(comment.created_at!)}
+      text={comment.content!}
+      commentators={[]}
+      commentsCount={comment.reply_count!}
+      canReply={true}
+      canReport={true}
+    />
   ));
 
   if (!discussion) {
@@ -17,11 +34,10 @@ export const DiscussionPage = () => {
 
   return (
     <Page>
-      <Text>авпыщвпвщап</Text>
       <Text size={TextSize.XL}>{discussion.title!}</Text>
       <Text size={TextSize.M}>{discussion.description!}</Text>
 
-      {comments}
+      <Container size={ContainerSize.M}>{comments}</Container>
     </Page>
   );
 };