update view message

src/components/message.tsx

@@ -37,7 +37,6 @@ export default function Message({ data, onDelete }: IMessageProps) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  console.log({ data });
   return (
     <Paper
       shadow="xs"
@@ -60,8 +59,10 @@ export default function Message({ data, onDelete }: IMessageProps) {
 
         <Box className="w-full flex items-center">
           <Textarea
-            defaultValue={messageContent}
-            value={messageContent}
+            defaultValue={`${
+              data.sender.split("@")[0] || ""
+            }: ${messageContent}`}
+            value={`${data.sender.split("@")[0] || ""}: ${messageContent}`}
             className="flex-1"
             variant="unstyled"
             readOnly
@@ -85,13 +86,13 @@ export default function Message({ data, onDelete }: IMessageProps) {
           </Box>
         </Box>
 
-        <Box className="flex items-center justify-start w-full">
+        {/* <Box className="flex items-center justify-start w-full">
           <span className="text-xs text-left">
             {data.sender.split("@")[0]
               ? `From: ${data.sender.split("@")[0]}`
               : ""}
           </span>
-        </Box>
+        </Box> */}
       </div>
     </Paper>
   );