alex/nova-betterchat
1
0
Fork 0
mirror of https://github.com/NovaOSS/nova-betterchat.git synced 2024-11-25 22:23:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

reorder delete confirmation button

Browse source
This commit is contained in:
Jing Hua 2023-03-04 20:56:59 +08:00
parent a3149dc00e
commit e8c0ddaa96
2 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/Chat/ChatContent/Message/Message.tsx
View file

@ -1,4 +1,5 @@
import React from 'react';
import useStore from '@store/store';
import Avatar from './Avatar';
import MessageContent from './MessageContent';
@ -24,10 +25,14 @@ const Message = ({
messageIndex: number;
sticky?: boolean;
}) => {
const stickyIndex = useStore((state) => state.messages.length);
return (
<div
className={`w-full border-b border-black/10 dark:border-gray-900/50 text-gray-800 dark:text-gray-100 group ${
backgroundStyle[messageIndex % 2]
sticky
? backgroundStyle[stickyIndex % 2]
: backgroundStyle[messageIndex % 2]
}`}
key={
messageIndex !== -1

6
src/components/Chat/ChatContent/Message/MessageContent.tsx
View file

@ -188,15 +188,15 @@ const ContentView = ({
)}
{isDelete && (
<>
<button className='p-1 hover:text-white' onClick={handleDelete}>
<TickIcon />
</button>
<button
className='p-1 hover:text-white'
onClick={() => setIsDelete(false)}
>
<CrossIcon />
</button>
<button className='p-1 hover:text-white' onClick={handleDelete}>
<TickIcon />
</button>
</>
)}
</div>