diff --git a/index.html b/index.html index e4b78ea..e49c3d6 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,16 @@ - - - - - Vite + React + TS - - -
- - - + + + + + + Vite + React + TS + + + +
+ + + + \ No newline at end of file diff --git a/src/App.tsx b/src/App.tsx index 14454bb..e37a907 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,84 +1,20 @@ -import { LucideDownload, LucideSettings, LucideTrash } from "lucide-react"; import { useRecoilState } from "recoil"; -import { applicationState, chatState } from "./atoms/state"; -import { Button, ChatOptions } from "./components"; +import { applicationState } from "./atoms/state"; +import { ChatOptions } from "./components"; import { ChatPage } from "./pages"; -import jsPDF from "jspdf"; -import { - Dialog, - DialogContent, - DialogDescription, - DialogFooter, - DialogHeader, - DialogTitle, - DialogTrigger, -} from "@/components/ui/dialog"; -import { useState } from "react"; +import { Navbar } from "./components/Navbar"; function App() { - const [appState, setAppState] = useRecoilState(applicationState); - const [, setChats] = useRecoilState(chatState); - const [openDialog, setOpenDialog] = useState(false); - - const downloadChat = () => { - const doc = new jsPDF({ - orientation: "portrait", - unit: "mm", - format: [210, 297], - }); - - doc.html(`
Hi
`, { - async callback(doc) { - doc.save("pdf_name"); - }, - }); - }; - - const cleanChat = () => { - setChats({ chats: [] }); - setOpenDialog(false); - }; + const [appState] = useRecoilState(applicationState); return (
-
-
-
-
-

Mukalma

-

Talk to yourself

-
-
- - - - - - - - - Are you absolutely sure? - - This action cannot be undone. This will permanently delete - your account and remove your data from our servers. - - - - - - - - - - setAppState((prev) => ({ ...prev, isChatScreen: false })) - } - /> -
-
-
+
+ +
-
+
+
{!appState.isChatScreen ? : }
diff --git a/src/components/MessageBox.tsx b/src/components/MessageBox.tsx index d40de2d..b8b6d00 100644 --- a/src/components/MessageBox.tsx +++ b/src/components/MessageBox.tsx @@ -39,8 +39,9 @@ export const MessageBox = () => { } }; return ( -
+