+
{text}
@@ -40,7 +42,7 @@ export default function Message({ sender, text, last = false, error = false }) {
) : (
{text}
- {isSubmitting && last && sender === 'GPT' && █}
+ {blinker && █}
)}
diff --git a/src/components/main/Messages.jsx b/src/components/main/Messages.jsx
index e274563bb7..dc0dba9e7a 100644
--- a/src/components/main/Messages.jsx
+++ b/src/components/main/Messages.jsx
@@ -1,9 +1,11 @@
import React, { useEffect, useRef } from 'react';
+import { useSelector } from 'react-redux';
import useDocumentTitle from '~/hooks/useDocumentTitle';
+import useDidMountEffect from '~/hooks/useDidMountEffect';
import Message from './Message';
import Landing from './Landing';
-export default function Messages({ messages, title }) {
+export default function Messages({ title, messages }) {
if (messages.length === 0) {
return
;
}
@@ -18,9 +20,11 @@ export default function Messages({ messages, title }) {
// this useEffect triggers the following warning:
// Warning: Internal React error: Expected static flag was missing.
- useEffect(() => {
- scrollToBottom();
- }, [messages]);
+ // useEffect(() => {
+ // scrollToBottom();
+ // }, [messages]);
+
+ useDidMountEffect(() => scrollToBottom(), [messages]);
return (
diff --git a/src/components/main/TextChat.jsx b/src/components/main/TextChat.jsx
index fc4f806446..692e93c442 100644
--- a/src/components/main/TextChat.jsx
+++ b/src/components/main/TextChat.jsx
@@ -10,7 +10,7 @@ import { setMessages } from '~/store/messageSlice';
import { setSubmitState } from '~/store/submitSlice';
import { setText } from '~/store/textSlice';
-export default function TextChat({ messages, reloadConvos }) {
+export default function TextChat({ messages }) {
const [errorMessage, setErrorMessage] = useState('');
const dispatch = useDispatch();
const convo = useSelector((state) => state.convo);
diff --git a/src/store/convoSlice.js b/src/store/convoSlice.js
index 00cb14b7c5..ed74618635 100644
--- a/src/store/convoSlice.js
+++ b/src/store/convoSlice.js
@@ -1,4 +1,4 @@
-import { createSlice } from '@reduxjs/toolkit';
+import { createSlice, current } from '@reduxjs/toolkit';
const initialState = {
error: false,
diff --git a/src/store/index.js b/src/store/index.js
index b7d1dcec76..1c4a9950ea 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -11,5 +11,6 @@ export const store = configureStore({
messages: messageReducer,
text: textReducer,
submit: submitReducer,
- }
+ },
+ devTools: true,
});
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
index beda89edea..ac14d504b3 100644
--- a/src/style.css
+++ b/src/style.css
@@ -587,4 +587,23 @@ body,html {
.dark .disabled\:dark\:hover\:text-gray-400:hover:disabled {
--tw-text-opacity:1;
color:rgba(172,172,190,var(--tw-text-opacity))
+ }
+
+/* .result-streaming>:not(ol):not(ul):not(pre):last-child:after,
+.result-streaming>ol:last-child li:last-child:after,
+.result-streaming>pre:last-child code:after,
+.result-streaming>ul:last-child li:last-child:after {
+ -webkit-animation:blink 1s steps(5,start) infinite;
+ animation:blink 1s steps(5,start) infinite;
+ content:"▋";
+ margin-left:.25rem;
+ vertical-align:baseline
+} */
+
+.result-streaming {
+ -webkit-animation:blink 1s steps(5,start) infinite;
+ animation:blink 1s steps(5,start) infinite;
+ /* content:"▋"; */
+ margin-left:.25rem;
+ vertical-align:baseline
}
\ No newline at end of file