got rid of some unused packages. switche to react-type-animation from react-typist for gpt.

1 files changed, 13 insertions, 12 deletions

diff --git a/src/client/views/pdf/GPTPopup/GPTPopup.tsx b/src/client/views/pdf/GPTPopup/GPTPopup.tsx
index cce67fed2..0cda36509 100644
--- a/src/client/views/pdf/GPTPopup/GPTPopup.tsx
+++ b/src/client/views/pdf/GPTPopup/GPTPopup.tsx
@@ -4,7 +4,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { action, observable } from 'mobx';
 import { observer } from 'mobx-react';
 import ReactLoading from 'react-loading';
-import Typist from 'react-typist';
+import { TypeAnimation } from 'react-type-animation';
 import { Doc } from '../../../../fields/Doc';
 import { DocUtils, Docs } from '../../../documents/Documents';
 import { Button, IconButton, Type } from 'browndash-components';
@@ -218,17 +218,18 @@ export class GPTPopup extends React.Component<GPTPopupProps> {
                 <div className="content-wrapper">
                     {!this.loading &&
                         (!this.done ? (
-                            <Typist
-                                key={this.text}
-                                avgTypingDelay={15}
-                                cursor={{ hideWhenDone: true }}
-                                onTypingDone={() => {
-                                    setTimeout(() => {
-                                        this.setDone(true);
-                                    }, 500);
-                                }}>
-                                {this.text}
-                            </Typist>
+                            <TypeAnimation
+                                speed={50}
+                                sequence={[
+                                    this.text,
+                                    () => {
+                                        setTimeout(() => {
+                                            this.setDone(true);
+                                        }, 500);
+                                    },
+                                ]}
+                                //cursor={{ hideWhenDone: true }}
+                            />
                         ) : (
                             this.text
                         ))}