fix: add text to global state

client/src/components/Input/index.jsx

@@ -6,7 +6,6 @@ import BingStyles from './BingStyles';
 import ModelMenu from './Models/ModelMenu';
 import Footer from './Footer';
 import TextareaAutosize from 'react-textarea-autosize';
-import createPayload from '~/utils/createPayload';
 import RegenerateIcon from '../svg/RegenerateIcon';
 import StopGeneratingIcon from '../svg/StopGeneratingIcon';
 import { useMessageHandler } from '../../utils/handleSubmit';
@@ -20,13 +19,14 @@ export default function TextChat({ isSearchView = false }) {
   const conversation = useRecoilValue(store.conversation);
   const latestMessage = useRecoilValue(store.latestMessage);
   const messages = useRecoilValue(store.messages);
+  const [text, setText] = useRecoilState(store.text);
+  // const [text, setText] = useState('');
 
   const isSubmitting = useRecoilValue(store.isSubmitting);
 
   // TODO: do we need this?
   const disabled = false;
 
-  const [text, setText] = useState('');
   const { ask, regenerate, stopGenerating } = useMessageHandler();
 
   const bingStylesRef = useRef(null);

client/src/components/ui/Landing.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { useRecoilValue } from 'recoil';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
 import useDocumentTitle from '~/hooks/useDocumentTitle';
 import Templates from '../Prompts/Templates';
 import SunIcon from '../svg/SunIcon';
@@ -11,6 +11,7 @@ import store from '~/store';
 
 export default function Landing() {
   const [showingTemplates, setShowingTemplates] = useState(false);
+  const setText = useSetRecoilState(store.text);
   const conversation = useRecoilValue(store.conversation);
   const { title = 'New Chat' } = conversation || {};
 
@@ -20,7 +21,7 @@ export default function Landing() {
     e.preventDefault();
     const { innerText } = e.target;
     const quote = innerText.split('"')[1].trim();
-    // dispatch(setText(quote));
+    setText(quote);
   };
 
   const showTemplates = e => {

client/src/store/index.js

@@ -2,6 +2,7 @@ import conversation from './conversation';
 import conversations from './conversations';
 import models from './models';
 import user from './user';
+import text from './text';
 import submission from './submission';
 import search from './search';
 
@@ -10,6 +11,7 @@ export default {
   ...conversations,
   ...models,
   ...user,
+  text,
   ...submission,
   ...search
 };

client/src/store/text.js

@@ -0,0 +1,8 @@
+import { atom } from 'recoil';
+
+const text = atom({
+  key: 'text',
+  default: ''
+});
+
+export default text;

client/src/store/user.js

@@ -1,17 +1,10 @@
-import React from "react";
+import { atom } from 'recoil';
-import {
-  RecoilRoot,
-  atom,
-  selector,
-  useRecoilState,
-  useRecoilValue,
-} from "recoil";
 
 const user = atom({
-  key: "user",
+  key: 'user',
-  default: null,
+  default: null
 });
 
 export default {
-  user,
+  user
 };