From 8f1baee7d69fc3971115bfa5f5c16f6f3bede596 Mon Sep 17 00:00:00 2001
From: Admin <admin@MacBook-Air.local>
Date: Wed, 14 May 2025 07:47:14 +0700
Subject: [PATCH] update view message

---
 src/components/message.tsx | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/components/message.tsx b/src/components/message.tsx
index 002fc13..9285013 100644
--- a/src/components/message.tsx
+++ b/src/components/message.tsx
@@ -38,14 +38,7 @@ export default function Message({ data, onDelete }: IMessageProps) {
   }, []);
 
   return (
-    <Tooltip
-      position="top-start"
-      style={{
-        fontSize: "11px",
-      }}
-      label={`Sender: ${data.sender}`}
-    >
-      <Paper
+    <Paper
         key={data.message}
         shadow="xs"
         radius="md"
@@ -57,14 +50,12 @@ export default function Message({ data, onDelete }: IMessageProps) {
       >
         <div className="flex items-center w-full flex-col">
           <Box className="flex items-center justify-between w-full">
-            <div className="text-xs">
+            <div className="text-xs font-bold">
               {data.recipient.length > 0 && <span>{data.recipient}</span>}
             </div>
-            <div>
-              <span className="text-xs">
+            <span className="text-xs">
                 {dayjs(data.time).format("HH:mm D/M/YYYY")}
               </span>
-            </div>
           </Box>
 
           <Box className="w-full flex items-center">
@@ -93,8 +84,9 @@ export default function Message({ data, onDelete }: IMessageProps) {
               </Tooltip>
             </Box>
           </Box>
+
+          <Box className="flex items-center justify-start w-full"><span className="text-xs text-left">Form: {data.sender}</span></Box>
         </div>
       </Paper>
-    </Tooltip>
   );
 }