load convos on message send & other conditional rendering

This commit is contained in:
Danny Avila 2023-02-06 16:00:59 -05:00
parent 2869638cc0
commit c794287ced
7 changed files with 39 additions and 20 deletions

View file

@ -1,14 +1,22 @@
import React from 'react';
import Conversation from './Conversation';
export default function Conversations() {
export default function Conversations({ conversations }) {
return (
<div className="-mr-2 flex-1 flex-col overflow-y-auto border-b border-white/20">
<div className="flex flex-col gap-2 text-sm text-gray-100">
<Conversation />
<button className="btn btn-dark btn-small m-auto mb-2 flex justify-center gap-2">
Show more
</button>
{conversations &&
conversations.map((convo, i) => (
<Conversation
key={convo.conversationId}
title={convo.title}
/>
))}
{conversations && conversations.length >= 12 && (
<button className="btn btn-dark btn-small m-auto mb-2 flex justify-center gap-2">
Show more
</button>
)}
</div>
</div>
);