unify card/modal
This commit is contained in:
@@ -2,19 +2,19 @@ import { html } from '../lib/preact.js';
|
||||
import { getUserMessageBg } from '../utils/status.js';
|
||||
import { MessageBubble, filterDisplayMessages } from './MessageBubble.js';
|
||||
|
||||
export function ChatMessages({ messages, status }) {
|
||||
export function ChatMessages({ messages, status, limit = 20 }) {
|
||||
const userBgClass = getUserMessageBg(status);
|
||||
|
||||
if (!messages || messages.length === 0) {
|
||||
return html`
|
||||
<div class="flex h-full items-center justify-center rounded-xl border border-dashed border-selection/70 bg-bg/30 px-4 text-center text-sm text-dim">
|
||||
No messages yet
|
||||
No messages to show
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
const allDisplayMessages = filterDisplayMessages(messages);
|
||||
const displayMessages = allDisplayMessages.slice(-20);
|
||||
const displayMessages = limit ? allDisplayMessages.slice(-limit) : allDisplayMessages;
|
||||
const offset = allDisplayMessages.length - displayMessages.length;
|
||||
|
||||
return html`
|
||||
|
||||
Reference in New Issue
Block a user