diff --git a/frontend/src/assets/spinner-dark.svg b/frontend/src/assets/spinner-dark.svg new file mode 100644 index 000000000..b7f1eaed1 --- /dev/null +++ b/frontend/src/assets/spinner-dark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/src/assets/spinner.svg b/frontend/src/assets/spinner.svg index 64b815aae..d2423d8f2 100644 --- a/frontend/src/assets/spinner.svg +++ b/frontend/src/assets/spinner.svg @@ -1,9 +1 @@ - + \ No newline at end of file diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx index f09ec08a1..09a49d9cd 100644 --- a/frontend/src/conversation/Conversation.tsx +++ b/frontend/src/conversation/Conversation.tsx @@ -14,6 +14,7 @@ import { import Send from './../assets/send.svg'; import SendDark from './../assets/send_dark.svg'; import Spinner from './../assets/spinner.svg'; +import SpinnerDark from './../assets/spinner-dark.svg' import { FEEDBACK, Query } from './conversationModels'; import { sendFeedback } from './conversationApi'; import ArrowDown from './../assets/arrow-down.svg'; @@ -56,7 +57,7 @@ export default function Conversation() { setHasScrolledToLast(entry.isIntersecting); }); }; - + const observer = new IntersectionObserver(observerCallback, { root: null, threshold: [1, 0.8], @@ -193,8 +194,8 @@ export default function Conversation() { > {status === 'loading' ? ( ) : (