hamedandClaude Opus 4.8
95cbee48ab
These tabs have no backend endpoint yet (only per-doctor comments and admin exist; user messages don't), so they read the always-empty user.comments/user.messages. Guard against null and show a clear empty state instead of a blank list. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
30 lines
667 B
JavaScript
30 lines
667 B
JavaScript
import Message from "./Message";
|
|
|
|
function Messages({ user, loading }) {
|
|
const messages = user?.messages ?? [];
|
|
|
|
if (messages.length === 0) {
|
|
return (
|
|
<p className="text-[#7E7E7E] opacity-page text-[14px] md:text-[16px] font-medium text-center py-[56px]">
|
|
پیامی ندارید.
|
|
</p>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<ul className="flex opacity-page flex-col gap-[24px] md:gap-[20px] lg:gap-[16px]">
|
|
{messages.map((item, idx) => (
|
|
<Message
|
|
key={idx}
|
|
idx={idx}
|
|
data={item}
|
|
loading={loading}
|
|
length={messages.length}
|
|
/>
|
|
))}
|
|
</ul>
|
|
);
|
|
}
|
|
|
|
export default Messages;
|