zelda
/
zulip-notes-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update view message

This commit is contained in:
Admin 2025-05-14 07:47:14 +07:00
parent 05f961da62
commit 8f1baee7d6
1 changed files with 5 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/message.tsx
View File

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