Proyectos de Subversion LeadersLinked - SPA

import React, { useMemo, useState } from 'react';

import { Card, CardContent, CardHeader, List, Menu, SearchBar } from '@shared/components';
import { ConversationItem } from './ConversationItem';

export const ConversationsList = ({
  conversations = [],
  onSelectConversation,
  onStartConversation
}) => {
  const [search, setSearch] = useState('');

  const filteredConversations = useMemo(() => {
    return conversations.filter((conversation) =>
      conversation.name.toLowerCase().includes(search.toLowerCase())
    );
  }, [conversations, search]);

  return (
    <Card>
      <CardHeader title='Conversaciones' />
      <CardContent>
        <SearchBar placeholder='Buscar conversación' onChange={setSearch} />
        <List
          items={filteredConversations}
          keyExtractor={(item) => item.uuid}
          emptyMessage='No hay conversaciones'
          renderItem={(conversation) => (
            <ConversationItem
              conversation={conversation}
              onSelectConversation={onSelectConversation}
            />
          )}
        />
      </CardContent>
    </Card>
  );
};