fix member messages empty pagination state
This commit is contained in:
parent
9296ce3988
commit
84e0bdb03e
1 changed files with 19 additions and 15 deletions
|
|
@ -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()}>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue