refact chat

Author: unchained-42

src/App.tsx

@@ -1,9 +1,8 @@
 import React from "react";
 import { usePolyfire } from "polyfire-js/hooks";
 import Chat, { useChatContext } from "@polyfire-ai/chat-ui";
-import { ChatOptions } from "polyfire-js/chats";
 
-const ChatUI = () => {
+const App: React.FC = () => {
   const { auth } = usePolyfire();
   const { utils, chat } = useChatContext();
 
@@ -36,16 +35,4 @@ const ChatUI = () => {
   );
 };
 
-const options: ChatOptions = {
-  systemPrompt: "Repond moi en Russe",
-};
-
-const App: React.FC = () => {
-  return (
-    <Chat.Root baseChatColor="#4682B4" options={options}>
-      <ChatUI />
-    </Chat.Root>
-  );
-};
-
 export default App;

src/index.tsx

@@ -1,6 +1,8 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
+import Chat from "@polyfire-ai/chat-ui";
+
 import reportWebVitals from "./reportWebVitals";
 import { PolyfireProvider } from "polyfire-js/hooks";
 
@@ -14,7 +16,9 @@ const root = ReactDOM.createRoot(
 
 root.render(
   <PolyfireProvider project={process.env.REACT_APP_POLYFIRE_PROJECT as string}>
-    <App />
+    <Chat.Root baseChatColor="#4682B4">
+      <App />
+    </Chat.Root>
   </PolyfireProvider>
 );