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

chat history enter to save edits

Browse source
This commit is contained in:
Jing Hua 2023-03-27 23:00:40 +08:00
parent 5f1762f557
commit a0c43a4ac0
2 changed files with 69 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
src/components/Menu/ChatFolder.tsx
View file

@ -30,42 +30,55 @@ const ChatFolder = ({
const [_folderName, _setFolderName] = useState<string>(folderName);
const [isEdit, setIsEdit] = useState<boolean>(false);
const [isDelete, setIsDelete] = useState<boolean>(false);
// const [isExpanded, setIsExpanded] = useState<boolean>(
// useStore.getState().foldersExpanded[folderIndex]
// );
const [isHover, setIsHover] = useState<boolean>(false);
const handleTick = (e: React.MouseEvent<HTMLButtonElement>) => {
e.stopPropagation();
const editTitle = () => {
const updatedChats: ChatInterface[] = JSON.parse(
JSON.stringify(useStore.getState().chats)
);
if (isEdit) {
updatedChats.forEach((chat) => {
if (chat.folder === folderName) chat.folder = _folderName;
});
setChats(updatedChats);
updatedChats.forEach((chat) => {
if (chat.folder === folderName) chat.folder = _folderName;
});
setChats(updatedChats);
const updatedFolderNames = [...useStore.getState().foldersName];
const pos = updatedFolderNames.indexOf(folderName);
if (pos !== -1) updatedFolderNames[pos] = _folderName;
setFoldersName(updatedFolderNames);
const updatedFolderNames = [...useStore.getState().foldersName];
const pos = updatedFolderNames.indexOf(folderName);
if (pos !== -1) updatedFolderNames[pos] = _folderName;
setFoldersName(updatedFolderNames);
setIsEdit(false);
} else if (isDelete) {
updatedChats.forEach((chat) => {
if (chat.folder === folderName) delete chat.folder;
});
setChats(updatedChats);
setIsEdit(false);
};
setFoldersName(
useStore.getState().foldersName.filter((name) => name !== folderName)
);
setIsDelete(false);
const deleteFolder = () => {
const updatedChats: ChatInterface[] = JSON.parse(
JSON.stringify(useStore.getState().chats)
);
updatedChats.forEach((chat) => {
if (chat.folder === folderName) delete chat.folder;
});
setChats(updatedChats);
setFoldersName(
useStore.getState().foldersName.filter((name) => name !== folderName)
);
setIsDelete(false);
};
const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
if (e.key === 'Enter') {
e.preventDefault();
editTitle();
}
};
const handleTick = (e: React.MouseEvent<HTMLButtonElement>) => {
e.stopPropagation();
if (isEdit) editTitle();
else if (isDelete) deleteFolder();
};
const handleCross = () => {
setIsDelete(false);
setIsEdit(false);
@ -127,6 +140,7 @@ const ChatFolder = ({
_setFolderName(e.target.value);
}}
onClick={(e) => e.stopPropagation()}
onKeyDown={handleKeyDown}
ref={inputRef}
/>
) : (

45
src/components/Menu/ChatHistory.tsx
View file

@ -33,25 +33,41 @@ const ChatHistory = React.memo(
const [_title, _setTitle] = useState<string>(title);
const inputRef = useRef<HTMLInputElement>(null);
const handleTick = (e: React.MouseEvent<HTMLButtonElement>) => {
e.stopPropagation();
const editTitle = () => {
const updatedChats = JSON.parse(
JSON.stringify(useStore.getState().chats)
);
if (isEdit) {
updatedChats[chatIndex].title = _title;
updatedChats[chatIndex].title = _title;
setChats(updatedChats);
setIsEdit(false);
};
const deleteChat = () => {
const updatedChats = JSON.parse(
JSON.stringify(useStore.getState().chats)
);
updatedChats.splice(chatIndex, 1);
if (updatedChats.length > 0) {
setCurrentChatIndex(0);
setChats(updatedChats);
setIsEdit(false);
} else if (isDelete) {
updatedChats.splice(chatIndex, 1);
if (updatedChats.length > 0) {
setCurrentChatIndex(0);
setChats(updatedChats);
} else {
initialiseNewChat();
}
setIsDelete(false);
} else {
initialiseNewChat();
}
setIsDelete(false);
};
const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
if (e.key === 'Enter') {
e.preventDefault();
editTitle();
}
};
const handleTick = (e: React.MouseEvent<HTMLButtonElement>) => {
e.stopPropagation();
if (isEdit) editTitle();
else if (isDelete) deleteChat();
};
const handleCross = () => {
@ -94,6 +110,7 @@ const ChatHistory = React.memo(
onChange={(e) => {
_setTitle(e.target.value);
}}
onKeyDown={handleKeyDown}
ref={inputRef}
/>
) : (