From 4ac159ec7eb6afca7d67cdf20665afbc19f45dfb Mon Sep 17 00:00:00 2001
From: klotske <ilya@mokhov.vg>
Date: Thu, 12 Jan 2023 16:35:44 +0300
Subject: [PATCH] Update CreateTask UI

---
 website/src/components/Tasks/CreateTask.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/website/src/components/Tasks/CreateTask.tsx b/website/src/components/Tasks/CreateTask.tsx
index e3f8f897..b66eebb0 100644
--- a/website/src/components/Tasks/CreateTask.tsx
+++ b/website/src/components/Tasks/CreateTask.tsx
@@ -1,11 +1,12 @@
 import { Box, Stack, Text, useColorModeValue } from "@chakra-ui/react";
 import { useState } from "react";
-import { Messages } from "src/components/Messages";
 import { TrackedTextarea } from "src/components/Survey/TrackedTextarea";
 import { TwoColumnsWithCards } from "src/components/Survey/TwoColumnsWithCards";
 import { TaskSurveyProps } from "src/components/Tasks/Task";
+import { MessageTable } from "../Messages/MessageTable";
 
 export const CreateTask = ({ task, taskType, onReplyChanged }: TaskSurveyProps<{ text: string }>) => {
+  const cardColor = useColorModeValue("gray.100", "gray.700");
   const titleColor = useColorModeValue("gray.800", "gray.300");
   const labelColor = useColorModeValue("gray.600", "gray.400");
 
@@ -30,8 +31,8 @@ export const CreateTask = ({ task, taskType, onReplyChanged }: TaskSurveyProps<{
             </Text>
           </Stack>
           {task.conversation ? (
-            <Box mt="4">
-              <Messages messages={task.conversation.messages} post_id={task.id} />
+            <Box mt="4" p="6" borderRadius="lg" bg={cardColor}>
+              <MessageTable messages={task.conversation.messages} />
             </Box>
           ) : null}
         </>