From f18317f7b71bc216da591361967d5e23f7690d82 Mon Sep 17 00:00:00 2001
From: Daniel Avila <messagedaniel@protonmail.com>
Date: Tue, 14 Feb 2023 21:23:14 -0500
Subject: [PATCH] useDocumentTitle changes title on first title change,
 scrollBar renders when expected

---
 README.md                        |  9 ++---
 _PRESS-RELEASE.md                | 66 --------------------------------
 src/components/main/Messages.jsx |  4 +-
 src/hooks/useDocumentTitle.js    | 14 +++----
 src/style.css                    |  8 ++--
 5 files changed, 16 insertions(+), 85 deletions(-)
 delete mode 100644 _PRESS-RELEASE.md

diff --git a/README.md b/README.md
index 31b712e032..5328046281 100644
--- a/README.md
+++ b/README.md
@@ -23,6 +23,7 @@ Currently, this project is only functional with the `text-davinci-003` model.
 
 - [x] Rename, delete conversations
 - [x] Persistent conversation
+- [x] UI Error handling
 - [x] AI Model Selection
 - [ ] Highlight.js for code blocks
 - [ ] Prompt Templates
@@ -52,13 +53,9 @@ Currently, this project is only functional with the `text-davinci-003` model.
   - ChatGPT/Google Bard/Bing AI conversations are lost in space or
   cannot be searched past a certain timeframe.
 
-
-## Solution ##
+<!-- ## Solution ##
   Serves and searches all conversations reliably. All AI convos under one house.
-  Pay per call and not per month (cents compared to dollars).
-
-## How to Get Started ##
-- Originally built with the [chatgpt-api](https://github.com/transitive-bullshit/chatgpt-api) package.
+  Pay per call and not per month (cents compared to dollars). -->
 
 ## How to Get Started ##
 > **Warning**
diff --git a/_PRESS-RELEASE.md b/_PRESS-RELEASE.md
deleted file mode 100644
index d6cf87e1b3..0000000000
--- a/_PRESS-RELEASE.md
+++ /dev/null
@@ -1,66 +0,0 @@
-# ChatGPT Clone #
-
-<!--
-> This material was originally posted [here](http://www.quora.com/What-is-Amazons-approach-to-product-development-and-product-management). It is reproduced here for posterities sake.
-
-There is an approach called "working backwards" that is widely used at Amazon. They work backwards from the customer, rather than starting with an idea for a product and trying to bolt customers onto it. While working backwards can be applied to any specific product decision, using this approach is especially important when developing new products or features.
-
-For new initiatives a product manager typically starts by writing an internal press release announcing the finished product. The target audience for the press release is the new/updated product's customers, which can be retail customers or internal users of a tool or technology. Internal press releases are centered around the customer problem, how current solutions (internal or external) fail, and how the new product will blow away existing solutions.
-
-If the benefits listed don't sound very interesting or exciting to customers, then perhaps they're not (and shouldn't be built). Instead, the product manager should keep iterating on the press release until they've come up with benefits that actually sound like benefits. Iterating on a press release is a lot less expensive than iterating on the product itself (and quicker!).
-
-If the press release is more than a page and a half, it is probably too long. Keep it simple. 3-4 sentences for most paragraphs. Cut out the fat. Don't make it into a spec. You can accompany the press release with a FAQ that answers all of the other business or execution questions so the press release can stay focused on what the customer gets. My rule of thumb is that if the press release is hard to write, then the product is probably going to suck. Keep working at it until the outline for each paragraph flows.
-
-Oh, and I also like to write press-releases in what I call "Oprah-speak" for mainstream consumer products. Imagine you're sitting on Oprah's couch and have just explained the product to her, and then you listen as she explains it to her audience. That's "Oprah-speak", not "Geek-speak".
-
-Once the project moves into development, the press release can be used as a touchstone; a guiding light. The product team can ask themselves, "Are we building what is in the press release?" If they find they're spending time building things that aren't in the press release (overbuilding), they need to ask themselves why. This keeps product development focused on achieving the customer benefits and not building extraneous stuff that takes longer to build, takes resources to maintain, and doesn't provide real customer benefit (at least not enough to warrant inclusion in the press release).
- -->
-
-<!-- ## Heading ##
-  > Name the product in a way the reader (i.e. your target customers) will understand.
-  ChatGPT Clone -->
-
-## Wrap all conversational AIs under one roof. ##
-  <!-- > Describe who the market for the product is and what benefit they get. One sentence only underneath the title. -->
-
-## Summary ##
-  <!-- > Give a summary of the product and the benefit. Assume the reader will not read anything else so make this paragraph good. -->
-
-  Conversational/Utility AIs are the future and OpenAI revolutionized this movement with ChatGPT. This app commemorates the original
-  styling of ChatGPT, with the ability to integrate any current/future conversational AI models through user-provided APIs.
-
-## Problem ##
-  <!-- > Describe the problem your product solves. -->
-
-  ![use case example](./use_case.png "GPT is down! Plus is too expensive!")
-
-  ChatGPT is down ( and don't want to pay for ChatGPT Plus). ChatGPT/Google Bard/Bing AI conversations are lost in space or
-  cannot be searched past a certain timeframe.
-
-
-## Solution ##
-  <!-- > Describe how your product elegantly solves the problem. -->
-
-  Serves and searches all conversations reliably. All AI convos under one house.
-  Pay per call and not per month (cents compared to dollars).
-
-## Quote from You ##
-  <!-- > A quote from a spokesperson in your company. -->
-
-  Keep AI open
-
-## How to Get Started ##
-  <!-- > Describe how easy it is to get started. -->
-
-  Input your API key(s) and you're ready to go.
-
-## Customer Quote ##
-  <!-- > Provide a quote from a hypothetical customer that describes how they experienced the benefit. -->
-
-  I can semantically search my conversations and customize templates for any AI model!
-
-## Closing and Call to Action ##
-  <!-- > Wrap it up and give pointers where the reader should go next. -->
-
-  Keep an eye out for new conversational AI models and respective API access! Own your
-  conversations! Pay per call and not subscription!
diff --git a/src/components/main/Messages.jsx b/src/components/main/Messages.jsx
index a98d6a8553..040d7d0e92 100644
--- a/src/components/main/Messages.jsx
+++ b/src/components/main/Messages.jsx
@@ -18,7 +18,7 @@ const Messages = ({ messages }) => {
     return () => {
       clearTimeout(timeoutId);
     };
-  }, []);
+  }, [messages]);
 
   const scrollToBottom = () => {
     messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
@@ -72,7 +72,7 @@ const Messages = ({ messages }) => {
             timeout={400}
             classNames="scroll-down"
             unmountOnExit={false}
-            appear
+            // appear
           >
             {(state) => showScrollButton && <ScrollToBottom scrollHandler={scrollHandler} />}
           </CSSTransition>
diff --git a/src/hooks/useDocumentTitle.js b/src/hooks/useDocumentTitle.js
index 10162a15f9..85e813602c 100644
--- a/src/hooks/useDocumentTitle.js
+++ b/src/hooks/useDocumentTitle.js
@@ -8,13 +8,13 @@ function useDocumentTitle(title, prevailOnUnmount = false) {
     document.title = title;
   }, [title]);
 
-  useEffect(
-    () => () => {
-      if (!prevailOnUnmount) {
-        document.title = defaultTitle.current;
-      }
-    }, []
-  );
+  // useEffect(
+  //   () => () => {
+  //     if (!prevailOnUnmount) {
+  //       document.title = defaultTitle.current;
+  //     }
+  //   }, []
+  // );
 }
 
 export default useDocumentTitle;
diff --git a/src/style.css b/src/style.css
index 5f062262da..99e7d8c59f 100644
--- a/src/style.css
+++ b/src/style.css
@@ -10,13 +10,13 @@
 .scroll-down-enter {
   opacity: 0;
 }
-.scroll-down-appear {
+/* .scroll-down-appear {
   opacity: 0;
-}
+} */
 
 .scroll-down-enter-active {
   opacity: 1;
-  transition: opacity 650ms;
+  transition: opacity 400ms;
 }
 
 .scroll-down-exit {
@@ -25,7 +25,7 @@
 
 .scroll-down-exit-active {
   opacity: 0;
-  transition: opacity 650ms;
+  transition: opacity 400ms;
 }
 
 .blink {