diff --git a/src/components/Chat/ChatContent/Message/MessageContent.tsx b/src/components/Chat/ChatContent/Message/MessageContent.tsx index d2cd654..95a7451 100644 --- a/src/components/Chat/ChatContent/Message/MessageContent.tsx +++ b/src/components/Chat/ChatContent/Message/MessageContent.tsx @@ -16,6 +16,8 @@ import useSubmit from '@hooks/useSubmit'; import { MessageInterface } from '@type/chat'; +import PopupModal from '@components/PopupModal'; + const MessageContent = ({ role, content, @@ -286,6 +288,7 @@ const EditView = ({ ]); const [_content, _setContent] = useState(content); + const [isModalOpen, setIsModalOpen] = useState(false); const textareaRef = React.createRef(); const handleInput = (e: React.ChangeEvent) => { @@ -318,17 +321,22 @@ const EditView = ({ setMessages(updatedMessages); }; - // only for sticky forms const { handleSubmit } = useSubmit(); const handleSaveAndSubmit = () => { - if (!sticky) return; if (_content == '') return; const updatedMessages: MessageInterface[] = JSON.parse( JSON.stringify(messages) ); - updatedMessages.push({ role: inputRole, content: _content }); - _setContent(''); - setMessages(updatedMessages); + if (sticky) { + updatedMessages.push({ role: inputRole, content: _content }); + _setContent(''); + setMessages(updatedMessages); + } else { + updatedMessages[messageIndex].content = _content; + const _updatedMessages = updatedMessages.slice(0, messageIndex + 1); + setMessages(_updatedMessages); + setIsEdit(false); + } handleSubmit(); }; @@ -357,11 +365,11 @@ const EditView = ({
{sticky && ( )} @@ -375,6 +383,19 @@ const EditView = ({
Save
+ {sticky || ( + + )} + {sticky || (
+ {isModalOpen && ( + + )} ); }; diff --git a/src/components/PopupModal/index.ts b/src/components/PopupModal/index.ts new file mode 100644 index 0000000..2f71a63 --- /dev/null +++ b/src/components/PopupModal/index.ts @@ -0,0 +1 @@ +export { default } from './PopupModal'; diff --git a/tsconfig.json b/tsconfig.json index 8e3a564..1932a6d 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -22,7 +22,8 @@ "@store/*": ["./src/store/*"], "@hooks/*": ["./src/hooks/*"], "@constants/*": ["./src/constants/*"], - "@api/*": ["./src/api/*"] + "@api/*": ["./src/api/*"], + "@components/*": ["./src/components/*"] } }, "include": ["src"], diff --git a/vite.config.ts b/vite.config.ts index 6741cd2..02fb56e 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -12,6 +12,7 @@ export default defineConfig({ '@hooks/': new URL('./src/hooks/', import.meta.url).pathname, '@constants/': new URL('./src/constants/', import.meta.url).pathname, '@api/': new URL('./src/api/', import.meta.url).pathname, + '@components/': new URL('./src/components/', import.meta.url).pathname, }, }, });