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
705 B
JavaScript
30 lines
705 B
JavaScript
import Comment from "./Comment";
|
||
|
||
function Comments({ user, loading }) {
|
||
const comments = user?.comments ?? [];
|
||
|
||
if (comments.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 items-start justify-start gap-[24px] md:gap-[22px] lg:gap-[20px]">
|
||
{comments.map((item, idx) => (
|
||
<Comment
|
||
key={idx}
|
||
idx={idx}
|
||
data={item}
|
||
loading={loading}
|
||
length={comments.length}
|
||
/>
|
||
))}
|
||
</ul>
|
||
);
|
||
}
|
||
|
||
export default Comments;
|