| | |
| | | currentConversationId, |
| | | }) => { |
| | | return ( |
| | | <div className='space-y-0.5'> |
| | | {title && ( |
| | | <div className='system-xs-medium-uppercase px-3 pb-1 pt-2 text-text-tertiary'>{title}</div> |
| | | )} |
| | | {list.map(item => ( |
| | | <Item |
| | | key={item.id} |
| | | isPin={isPin} |
| | | item={item} |
| | | onOperate={onOperate} |
| | | onChangeConversation={onChangeConversation} |
| | | currentConversationId={currentConversationId} |
| | | /> |
| | | ))} |
| | | <div> |
| | | { |
| | | title && ( |
| | | <div className='mb-0.5 px-3 h-[26px] text-xs font-medium text-gray-500'> |
| | | {title} |
| | | </div> |
| | | ) |
| | | } |
| | | { |
| | | list.map(item => ( |
| | | <Item |
| | | key={item.id} |
| | | isPin={isPin} |
| | | item={item} |
| | | onOperate={onOperate} |
| | | onChangeConversation={onChangeConversation} |
| | | currentConversationId={currentConversationId} |
| | | /> |
| | | )) |
| | | } |
| | | </div> |
| | | ) |
| | | } |