feat: Remove chat id from chat list (#1031)

* update hover color : blue for modifying and red for delete

* remove chat id from chat lists
This commit is contained in:
ChloeMouret 2023-08-24 19:44:42 +02:00 committed by GitHub
parent 56bde0976e
commit d36217be80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -45,15 +45,20 @@ export const ChatsListItem = ({ chat }: ChatsListItemProps): JSX.Element => {
name={chatName} name={chatName}
/> />
</div> </div>
<div className="grid-cols-2 text-xs opacity-50 whitespace-nowrap">
{chat.chat_id}
</div>
</Link> </Link>
<div className="opacity-0 group-hover:opacity-100 flex items-center justify-center hover:text-red-700 bg-gradient-to-l from-white dark:from-black to-transparent z-10 transition-opacity"> <div className="opacity-0 group-hover:opacity-100 flex items-center justify-center bg-gradient-to-l from-white dark:from-black to-transparent z-10 transition-opacity">
<button className="p-0" type="button" onClick={handleEditNameClick}> <button
className="p-0 hover:text-blue-700"
type="button"
onClick={handleEditNameClick}
>
{editingName ? <FiSave /> : <FiEdit />} {editingName ? <FiSave /> : <FiEdit />}
</button> </button>
<button className="p-5" type="button" onClick={() => void deleteChat()}> <button
className="p-5 hover:text-red-700"
type="button"
onClick={() => void deleteChat()}
>
<FiTrash2 /> <FiTrash2 />
</button> </button>
</div> </div>