fix member messages empty pagination state

This commit is contained in:
iliya 2026-04-05 22:13:45 +03:00
parent 9296ce3988
commit 84e0bdb03e

View file

@ -99,24 +99,28 @@ export const MemberMessagesTab = ({
[effectiveMessages] [effectiveMessages]
); );
if (displayMessages.length === 0) { const emptyStateText = loading
return ( ? 'Loading messages...'
<div className="rounded-md border border-[var(--color-border)] px-4 py-6 text-center text-sm text-[var(--color-text-muted)]"> : hasMore
No messages with this member ? 'No loaded messages for this member yet'
</div> : 'No messages with this member';
);
}
return ( return (
<div className="max-h-[320px] space-y-2 overflow-y-auto"> <div className="max-h-[320px] space-y-2 overflow-y-auto">
{displayMessages.map((msg, idx) => ( {displayMessages.length > 0 ? (
<ActivityItem displayMessages.map((msg, idx) => (
key={msg.messageId ?? idx} <ActivityItem
message={msg} key={msg.messageId ?? idx}
teamName={teamName} message={msg}
onCreateTask={onCreateTask} teamName={teamName}
/> onCreateTask={onCreateTask}
))} />
))
) : (
<div className="rounded-md border border-[var(--color-border)] px-4 py-6 text-center text-sm text-[var(--color-text-muted)]">
{emptyStateText}
</div>
)}
{hasMore && ( {hasMore && (
<div className="flex justify-center pt-2"> <div className="flex justify-center pt-2">
<Button variant="ghost" size="sm" className="text-xs" disabled={loading} onClick={() => void loadOlderMessages()}> <Button variant="ghost" size="sm" className="text-xs" disabled={loading} onClick={() => void loadOlderMessages()}>