Check Your Email
339 |Please check your email and click the verification link to activate your account.
342 |
345 |
346 |
347 |
350 |
353 |
354 |
355 |
148 | 
153 |
154 |
260 | );
261 | }
262 |
--------------------------------------------------------------------------------
/src/components/chats/chat-input.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | chatWithExistingConversation,
3 | newChat,
4 | } from "@/services/dispatch/chat-dispatch";
5 | import { useAppDispatch, useAppSelector } from "@/store/hooks";
6 | import {
7 | addBotMessage,
8 | addUserMessage,
9 | setBotResponseLoading,
10 | } from "@/store/slices/chatSlice";
11 | import { Button, Input, Popover, PopoverContent, PopoverTrigger, Tab, Tabs, Textarea, Tooltip } from "@nextui-org/react";
12 | import moment from "moment";
13 | import { ChangeEvent, KeyboardEvent, useEffect, useRef, useState } from "react";
14 | import { BsMic, BsStopFill } from "react-icons/bs";
15 | import { IoMdSend } from "react-icons/io";
16 | import { MdDeleteOutline, MdOutlineAttachFile, MdUnarchive } from "react-icons/md";
17 | import { RiBook2Line } from "react-icons/ri";
18 | import { useLocation, useNavigate, useParams } from "react-router-dom";
19 | import CustomModal from "../customModal";
20 | import { AiOutlineArrowRight, AiOutlinePlus } from "react-icons/ai";
21 | import { TiArrowRightOutline } from "react-icons/ti";
22 | import { useSpeechToText } from "@/hooks/use-speech2text";
23 | import { getItem, setItem } from "@/services/session";
24 | import { useArchive } from "@/hooks/use-archive";
25 |
26 | export default function ChatInput() {
27 | const { botResponseLoading, currentTypingMessageId } = useAppSelector((state) => state.chat);
28 | const dispatch = useAppDispatch();
29 | const location = useLocation();
30 | const { id } = useParams();
31 | const navigate = useNavigate();
32 | const [modalVisible, setModalVisible] = useState(false)
33 |
34 | const [currentTab, setCurrentTab] = useState(1)
35 |
36 |
37 | const [TooltipOpen, setTooltipOpen] = useState('')
38 |
39 | const { transcript, isListening, isLoading, toggleListening } = useSpeechToText()
40 |
41 |
42 |
43 | const [form, setForm] = useState({
44 | query: "",
45 | file: null as File | null,
46 | });
47 | const fileRef = useRef
153 |
154 |
155 | {children as string};
163 | // },
164 | p: ({node, ...props}) => ,
165 | h2: ({node, ...props}) => ,
166 | code({ className, children, ...rest }) {
167 | const match = /language-(\w+)/.exec(className || "");
168 | const language = match ? match[1] : "";
169 | const code = String(children).replace(/\n$/, "");
170 |
171 | if (!match) {
172 | return (
173 |
258 |
259 |
174 | {children}
175 |
176 | );
177 | }
178 |
179 | const codeLines = code.split('\n').length;
180 | const shouldScroll = codeLines > 15;
181 |
182 | return (
183 |
184 |
252 | );
253 | },
254 | }}
255 | >
256 | {displayText || ""}
257 |
185 |
220 |
186 | {language}
187 | {shouldScroll && (
188 |
189 | {codeLines} lines
190 |
191 | )}
192 |
193 |
194 | {shouldScroll && (
195 | <>
196 |
197 |
219 |
226 | )}
228 | PreTag="div"
229 | language={language}
230 | style={vscDarkPlus}
231 | customStyle={{
232 | margin: 0,
233 | borderRadius: 0,
234 | padding: "1.5rem",
235 | }}
236 | showLineNumbers={true}
237 | wrapLines={true}
238 | >
239 | {code}
240 |
241 | {/* */}
242 |
243 | {!isCodeExpanded && shouldScroll && (
244 | setIsCodeExpanded(true)}
247 | >
248 | Click to show more
249 |
250 | )}
251 |
239 | { archivedchats.map(v=>v.id).includes(id as string)? setModalVisible(false)} >
296 | {
306 | setCurrentTab(key as number)
307 | }}
308 | classNames={{
309 | tabList: "gap-6 w-full flex justify-between relative rounded-none p-0 border-b border-divider",
310 | cursor: "w-full bg-[#3CFF00]",
311 | tab: "max-w-fit px-8 h-12 w-1/2",
312 | tabContent: "group-data-[selected=true]:text-[#3CFF00]"
313 | }}
314 | >
315 |
320 | Your Prompts
321 |
322 | }
323 | />
324 |
240 |
241 |
:
242 |
248 |
251 |
254 |
}
295 |
255 |
256 |
257 |
267 |
268 | setTooltipOpen('')} placement='top-end' isOpen={(!!TooltipOpen)} >
269 |
270 |
279 |
280 |
281 |
285 |
286 |
287 |
294 |
282 | {TooltipOpen}
283 |
284 |
297 |
300 | Prompt Library
298 | Prompts are message templates that you can quickly fill in the chat input. Some prompts come with variables. 299 |
336 |
:
375 |
337 | setPromptValue(e.target.value)} classNames={{
338 | inputWrapper: 'bg-default focus:bg-default'
339 | }} autoFocus color="default" />
340 |
341 |
342 |
343 |
344 | setPromptSearchKey(e.target.value)} classNames={{
345 | inputWrapper: 'bg-default focus:bg-default'
346 | }} />
347 |
348 |
349 | {prompts.length ?
374 |
350 | {
351 | prompts.filter(val => val.toLocaleLowerCase().includes(promptSearchKey)).map((val: string, id) =>
:
371 |
352 |
)
369 | }
370 | {val}
353 |
354 |
355 |
356 |
360 |
361 |
365 |
366 |
367 |
368 | handleUsePrompt(val)} >
357 |
359 | handlePromptDelete(val)} >
362 |
364 |
372 | You have no saved prompts. Tap “Add Prompt” to add new Prompts
}
373 |
376 |
406 |
407 | }
408 |
409 |
410 |
411 | );
412 | }
413 |
--------------------------------------------------------------------------------
/src/components/chats/chat-list.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @typescript-eslint/no-explicit-any */
2 | import { useArchive } from "@/hooks/use-archive";
3 | import { useAuth } from "@/hooks/use-auth";
4 | import { deleteChatHistory, getChatHistory } from "@/services/dispatch/chat-dispatch";
5 | import { setItem } from "@/services/session";
6 | import { useAppDispatch } from "@/store/hooks";
7 | import { setMessages } from "@/store/slices/chatSlice";
8 | import { downloadHistory } from "@/utils";
9 | import { Dropdown, Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, useDisclosure, DropdownTrigger, DropdownMenu, DropdownItem, Button, Listbox, ListboxItem } from "@nextui-org/react";
10 | import { useState } from "react";
11 | import { BsThreeDots, BsTrash } from "react-icons/bs";
12 | import { IoArchiveOutline, IoSaveOutline } from "react-icons/io5";
13 | import { useQuery } from "react-query";
14 | import { useNavigate, useParams } from "react-router-dom";
15 |
16 | export interface ArchivedChat{
17 | name:string;
18 | id:string;
19 | created:Date
20 | }
21 |
22 | export default function ChatList() {
23 | const { isLoggedIn } = useAuth();
24 | const { isLoading, data } = useQuery({
25 | queryKey: ["chat-list"],
26 | queryFn: getChatHistory,
27 | enabled: isLoggedIn,
28 | });
29 | const navigate = useNavigate()
30 | const { isOpen, onOpen, onOpenChange } = useDisclosure();
31 | const [selectedHistory, selecteHistory] = useState('')
32 | const { id } = useParams()
33 | const dispatch = useAppDispatch()
34 |
35 | const { archivedchats,setArchivedChats }=useArchive()
36 |
37 |
38 | const handleDivClick = (url: string) => {
39 | navigate(url)
40 | // window.location.href = url; // Navigate to the specified page
41 | };
42 |
43 | const handleDelete = async () => {
44 | if (!selectedHistory) return
45 | const res = await deleteChatHistory(selectedHistory)
46 | if (res) {
47 | data.conversations = data?.conversations.filter((item: any) => item?.conversation_id !== selectedHistory)
48 |
49 | if (id === selectedHistory) {
50 | dispatch(setMessages([]));
51 |
52 | navigate('/')
53 | }
54 | selecteHistory('')
55 | }
56 | };
57 |
58 |
59 |
60 | return (<>
61 |
377 | setCommunity_PromptSearchKey(e.target.value)} autoFocus />
378 |
405 |
379 |
380 | {Community_prompts
381 | .filter(value => value.content.toLocaleLowerCase().includes(Community_promptSearchKey))
382 | .map((v, i) =>
404 |
383 |
384 |
)}
403 |
385 |
392 |
386 | {v.name}
387 |
388 |
389 | {v.content}
390 |
391 |
393 |
396 | {prompts.includes(v.content) ? : }
401 |
402 |
75 |
81 |
82 | {
83 | e.stopPropagation()
84 | // handleDelete(item?.conversation_id)
85 | }} >
86 |
89 |
90 | {
91 | setArchivedChats(([...archivedchats, { name:item.conversation_name||'Unknown',id:item.conversation_id,created:Date.now()}] as ArchivedChat[]))
92 | setItem('archivedChats', [...archivedchats, { name:item.conversation_name||'Unknown',id:item.conversation_id,created:Date.now()}] as ArchivedChat[])
93 |
94 | if (id === item.conversation_id) {
95 | dispatch(setMessages([]));
96 |
97 | navigate('/')
98 | }
99 | selecteHistory('')
100 | }} className=" text-center " >
101 |
106 | {
107 | downloadHistory(item.conversation_id)
108 | }} className=" text-center " >
109 |
114 |
115 | {
116 | onOpen()
117 | selecteHistory(item.conversation_id)
118 | }} className="text-danger bg-background text-center " color="danger" >
119 |
124 |
125 |
126 |
127 | {item?.conversation_name || "Unknown"}
76 | 77 |
102 |
105 |
110 |
113 |
120 |
123 | 138 | Are you sure you want to delete this chat history? This action cannot be undone. 139 |
140 | 141 |
78 |
140 |
141 |
142 | );
143 | }
--------------------------------------------------------------------------------
/src/components/chats/serach-chats.tsx:
--------------------------------------------------------------------------------
1 | export default function SearchChats() {
2 | return
80 | {data?.loading ? (
81 |
135 |
82 |
84 | ) : (
85 | <>
86 | {data?.messages?.map((item, index) => {
87 | if (item.role === "model") {
88 | return (
89 | Loading messages...
83 |
108 |
113 |
117 | )}
118 | {data?.isError && (
119 |
113 |
114 |
116 | {data?.botResponseLoading}...
115 |
120 |
125 |
131 | )}
132 |
133 | )}
134 |
125 |
126 |
130 | 127 | {data?.errorMessage || "An error occurred. Please try again."} 128 |
129 |
136 |
138 |
139 | serach-chats
;
3 | }
4 |
--------------------------------------------------------------------------------
/src/components/chats/user-message.tsx:
--------------------------------------------------------------------------------
1 | import { chatWithExistingConversation } from "@/services/dispatch/chat-dispatch";
2 | import { useAppDispatch, useAppSelector } from "@/store/hooks";
3 | import { addBotMessage, addUserMessage, Message, setBotResponseLoading } from "@/store/slices/chatSlice";
4 | import { Button, Textarea } from "@nextui-org/react";
5 | import moment from "moment";
6 | import { ChangeEvent, useState, KeyboardEvent } from "react";
7 | import { MdModeEditOutline } from "react-icons/md";
8 | import { useParams } from "react-router-dom";
9 |
10 | type P = {
11 | message: Message;
12 | };
13 | export default function UserMessage(props: P) {
14 | const { message } = props;
15 | const [buttonVis, setButtonVis] = useState(false)
16 | const [editing, setEditing] = useState(false)
17 | const [inputValue, setInputValue] = useState('')
18 |
19 | const { botResponseLoading, currentTypingMessageId } = useAppSelector((state) => state.chat);
20 | const dispatch = useAppDispatch();
21 |
22 | const { id } = useParams();
23 |
24 |
25 | const handleTextChange = (e: ChangeEvent
102 |
120 |
:
121 |
122 |
126 |
127 |
128 | setButtonVis(true)} onMouseLeave={() => setButtonVis(false)} className=" relative text-right max-w-full py-2 px-3 bg-default w-fit self-end rounded-lg break-words">
129 |
130 | ') }} >
131 |
132 |
139 |
140 |
}
141 |
142 | );
143 | }
144 |
--------------------------------------------------------------------------------
/src/components/customModal.tsx:
--------------------------------------------------------------------------------
1 | import React, { MouseEventHandler } from "react"
2 |
3 |
4 | interface props {
5 | isOpen?: boolean,
6 | onClose?: MouseEventHandler
18 |
19 |
24 |
25 |
26 | ):<>
27 | }
28 |
29 | export default CustomModal
--------------------------------------------------------------------------------
/src/components/header.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | Avatar,
3 | Button,
4 | Dropdown,
5 | DropdownItem,
6 | DropdownMenu,
7 | DropdownTrigger,
8 | Select,
9 | SelectItem,
10 | } from "@nextui-org/react";
11 | import { BsLayoutSidebar } from "react-icons/bs";
12 | import { ThemeSwitch } from "./theme-switch";
13 | import { useAuth } from "@/hooks/use-auth";
14 | import { MdLogout } from "react-icons/md";
15 | import { deleteSession } from "@/services/session";
16 | import { useNavigate } from "react-router-dom";
17 |
18 | type P = {
19 | toggleSideBar: () => void;
20 | isOpen:boolean
21 | };
22 | export default function Header(props: P) {
23 | const { toggleSideBar } = props;
24 | const { loading, user, isLoggedIn, setIsLoggedIn, setUser } = useAuth();
25 | const navigate = useNavigate();
26 |
27 | const handlelogout = () => {
28 | deleteSession();
29 | setUser(null);
30 | setIsLoggedIn(false);
31 | navigate("/");
32 | };
33 |
34 | if (loading) {
35 | return null;
36 | }
37 | return (
38 |
20 |
21 | {children}
22 |
23 |
39 |
83 | );
84 | }
85 |
--------------------------------------------------------------------------------
/src/components/icons.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 |
3 | import { IconSvgProps } from "@/types";
4 |
5 | export const Logo: React.FC
40 |
82 |
41 |
44 |
47 |
48 |
49 |
50 |
54 |
55 |
61 |
62 | navigate("/profile")}
65 | >
66 | Profile
67 |
68 | navigate(0)} >Docs
69 | navigate('/setting?id=Your_APIs')} >Your API's
70 |
78 |
79 | )}
80 |
81 |
4 | {/* First Image */}
5 |
10 |
11 | );
12 | }
13 |
--------------------------------------------------------------------------------
/src/components/primitives.ts:
--------------------------------------------------------------------------------
1 | import { tv } from "tailwind-variants";
2 |
3 | export const title = tv({
4 | base: "tracking-tight inline font-semibold",
5 | variants: {
6 | color: {
7 | violet: "from-[#FF1CF7] to-[#b249f8]",
8 | yellow: "from-[#FF705B] to-[#FFB457]",
9 | blue: "from-[#5EA2EF] to-[#0072F5]",
10 | cyan: "from-[#00b7fa] to-[#01cfea]",
11 | green: "from-[#6FEE8D] to-[#17c964]",
12 | pink: "from-[#FF72E1] to-[#F54C7A]",
13 | foreground: "dark:from-[#FFFFFF] dark:to-[#4B4B4B]",
14 | },
15 | size: {
16 | sm: "text-3xl lg:text-4xl",
17 | md: "text-[2.3rem] lg:text-5xl leading-9",
18 | lg: "text-4xl lg:text-6xl",
19 | },
20 | fullWidth: {
21 | true: "w-full block",
22 | },
23 | },
24 | defaultVariants: {
25 | size: "md",
26 | },
27 | compoundVariants: [
28 | {
29 | color: [
30 | "violet",
31 | "yellow",
32 | "blue",
33 | "cyan",
34 | "green",
35 | "pink",
36 | "foreground",
37 | ],
38 | class: "bg-clip-text text-transparent bg-gradient-to-b",
39 | },
40 | ],
41 | });
42 |
43 | export const subtitle = tv({
44 | base: "w-full md:w-1/2 my-2 text-lg lg:text-xl text-default-600 block max-w-full",
45 | variants: {
46 | fullWidth: {
47 | true: "!w-full",
48 | },
49 | },
50 | defaultVariants: {
51 | fullWidth: true,
52 | },
53 | });
54 |
--------------------------------------------------------------------------------
/src/components/services/services-sidebar-btn.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | Button,
3 | Dropdown,
4 | DropdownItem,
5 | DropdownMenu,
6 | DropdownTrigger,
7 | } from "@nextui-org/react";
8 | import { Key, useState } from "react";
9 | import { MdOutlineMiscellaneousServices } from "react-icons/md";
10 |
11 | export default function ServicesSidebarBtn() {
12 | const [showMore, setShowMore] = useState(false);
13 | const [isOpen, setIsOpen] = useState(false);
14 |
15 | const handleMenuClick = (key: Key) => {
16 | if (key === "more") {
17 | setShowMore(true);
18 | } else {
19 | setIsOpen(false);
20 | }
21 | };
22 |
23 | return (
24 |
10 | Create new API key
27 |
41 |
42 | New
43 |
44 |
45 | Permissions
46 | 47 |
53 |
54 |
62 |
71 |
72 |
73 |
74 |
75 |
151 | Your Generated API Key
152 |
153 |
154 | Lorem ipsum dolor sit amet consectetur. Aliquam eu praesent faucibus
155 | morbi dolor mi. Feugiat id at ornare at donec ante massa. Sit volutpat
156 | elementum et consequat amet aliquet scelerisque. Hendrerit amet mauris
157 | quis quis faucibus scelerisque risus.
158 |
159 |
160 |
161 |
170 |
173 |
174 |
63 |
91 | Theme
64 |
65 |
89 |
90 |
93 |
102 | Always show code while using data analytics
94 |
95 |
101 |
104 |
130 | Language
105 |
106 |
128 |
129 |
132 |
137 | Archieved chat
133 |
134 |
135 |
136 |
138 |
158 | Archive all chats
139 |
140 | setTooltip(false)} placement="top-end" showArrow >
141 |
142 |
143 |
144 |
145 |
154 |
155 |
156 |
157 |
146 |
153 | Are you sure?
147 | Archive all chat history.
148 | 152 |
160 |
165 |
166 | Delete chat
161 |
162 |
163 |
164 | Archeved Chats
175 |
45 | {cellValue.slice(0, 6)}...............{cellValue.slice(-5)}
47 | )
48 |
49 | case "actions":
50 | return (
51 |
52 |
53 |
54 | {/* */}
55 |
56 | */}
59 |
60 |
61 |
65 |
66 |
67 |
68 |
69 |
72 |
73 |
74 | );
75 | default:
76 | return cellValue;
77 | }
78 | }
79 |
80 |
81 |
82 | export const RenderArchivedChatsTableCell = (value: any, columnKey: React.Key,handleUnarchive:Function,handleDeleteConversation:Function,navigate:Function) => {
83 | const cellValue = value[columnKey as keyof ArchivedChat] || '';
84 |
85 |
86 |
87 | switch (columnKey) {
88 | case 'name':
89 | return
62 | {value['key']}
63 |
64 | navigate('/c/'+value.id)} >
92 |
94 | case 'created':
95 | return (
96 |
97 | {new Date(cellValue).toLocaleDateString()}
98 |
99 | )
100 |
101 | case "actions":
102 | return (
103 |
104 |
105 |
106 | handleUnarchive(value.id)}/>
107 |
108 |
109 |
110 |
111 |
112 | handleDeleteConversation(value.id)} />
113 |
114 |
115 |
116 |
117 | );
118 | default:
119 | return cellValue;
120 | }
121 | }
122 |
--------------------------------------------------------------------------------
/src/components/setting/security.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | Button,
3 | Divider,
4 | Popover,
5 | PopoverContent,
6 | PopoverTrigger,
7 | Tooltip
8 | } from "@nextui-org/react";
9 | // import { Tooltip } from "../tootip/tooltip";
10 | import { Monitor, Smartphone, Laptop, Terminal, X, Info } from "lucide-react"
11 | import { useNavigate } from "react-router-dom";
12 | import { useEffect, useState } from "react";
13 | import { getConnectedDevices, logoutAllDevices } from "@/services/dispatch/user-dispatch";
14 | import { deleteSession } from "@/services/session";
15 | import { useAuth } from "@/hooks/use-auth";
16 | import toast from "react-hot-toast";
17 | import { formatDate } from "@/utils";
18 |
19 | interface Device {
20 | device_id: string,
21 | device_name: string,
22 | ip_address: string,
23 | last_active: Date,
24 | created_at: Date
25 | }
26 |
27 |
28 |
29 | const getDeviceInfo = (deviceName: string) => {
30 | const userAgent = deviceName.toLowerCase()
31 |
32 | if (userAgent.includes("postman")) {
33 | return {
34 | type: "API Client",
35 | icon: Terminal,
36 | name: "Postman",
37 | os: "Cross-platform",
38 | browser: "Postman Runtime",
39 | version: userAgent.split("/")[1]
40 | }
41 | }
42 |
43 | if (userAgent.includes("mozilla")) {
44 | const info = {
45 | type: "Browser",
46 | icon: Laptop,
47 | name: "Web Browser",
48 | os: userAgent.includes("windows") ? "Windows" :
49 | userAgent.includes("mac") ? "macOS" :
50 | userAgent.includes("linux") ? "Linux" : "Unknown",
51 | browser: userAgent.includes("chrome") ? "Chrome" :
52 | userAgent.includes("firefox") ? "Firefox" :
53 | userAgent.includes("safari") ? "Safari" : "Unknown",
54 | version: userAgent.match(/chrome\/([0-9.]+)/i)?.[1] ||
55 | userAgent.match(/firefox\/([0-9.]+)/i)?.[1] ||
56 | userAgent.match(/safari\/([0-9.]+)/i)?.[1] || "Unknown"
57 | }
58 | return info
59 | }
60 |
61 | return {
62 | type: "Unknown Device",
63 | icon: Monitor,
64 | name: deviceName,
65 | os: "Unknown",
66 | browser: "Unknown",
67 | version: "Unknown"
68 | }
69 | }
70 |
71 |
72 | const SecuritySetting = () => {
73 | const [devices, setDevices] = useState
113 |
130 | Delete account
114 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
127 |
128 |
129 |
122 |
126 | Are you sure?
123 | Your current account will be deleted. This action cannot be undone.
124 | 125 |
132 |
149 | Log out of all devices
133 |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
146 |
147 |
148 |
141 |
145 | Are you sure?
142 | All the devices will be logged out including you
143 | 144 |
151 |
205 |
206 |
207 |
208 | }
209 |
210 | export default SecuritySetting
--------------------------------------------------------------------------------
/src/components/sidebar.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@nextui-org/react";
2 | import { BsChatLeftDots,BsLayoutSidebar } from "react-icons/bs";
3 | import { CiSettings } from "react-icons/ci";
4 | import ChatList from "./chats/chat-list";
5 | import { useEffect, useRef, useState, lazy, Suspense } from "react";
6 | import { useAuth } from "@/hooks/use-auth";
7 | import { useNavigate } from "react-router-dom";
8 | import { useAppDispatch } from "@/store/hooks";
9 | import { setMessages } from "@/store/slices/chatSlice";
10 |
11 | const SigninModal = lazy(() => import("@/components/auth/signin-modal"));
12 |
13 | type P = {
14 | isOpen: boolean;
15 | onClose: () => void;
16 | };
17 |
18 | export default function Sidebar({ isOpen, onClose }: P) {
19 | const sidebarRef = useRefConnected devices
152 |
153 | {true ? devices.map((v, id) => {
154 | const deviceInfo = getDeviceInfo(v.device_name)
155 | const DeviceIcon = deviceInfo.icon
156 | return
202 | })
203 | :
157 | {/*
189 |
190 |
158 | {true ?
161 |
162 | {v.ip_address}
*/}
164 |
165 |
167 |
168 |
169 |
187 |
170 |
173 |
180 | }>
181 |
184 |
185 |
186 | {deviceInfo.name}
171 |Type: {deviceInfo.type}
174 |OS: {deviceInfo.os}
175 |Browser: {deviceInfo.browser}
176 |Version: {deviceInfo.version}
177 |Last Active: {formatDate(v.last_active)}
178 |First Seen: {formatDate(v.created_at)}
179 |{deviceInfo.type}
188 |
191 |
196 |
197 |
201 | {v.ip_address}
192 |193 | {new Date(v.last_active).toLocaleDateString()} 194 |
195 |There is no any connected device.
}
204 |
45 |
134 | setIsSigninOpen(false)}
137 | onSignupSuccess={() => {}}
138 | />
139 |
140 |
141 | );
142 | }
--------------------------------------------------------------------------------
/src/components/theme-switch.tsx:
--------------------------------------------------------------------------------
1 | import { FC, useState, useEffect } from "react";
2 | import { VisuallyHidden } from "@react-aria/visually-hidden";
3 | import { SwitchProps, useSwitch } from "@nextui-org/switch";
4 | import clsx from "clsx";
5 |
6 | import { useTheme } from "@/hooks/use-theme";
7 | import { SunFilledIcon, MoonFilledIcon } from "@/components/icons";
8 |
9 | export interface ThemeSwitchProps {
10 | className?: string;
11 | classNames?: SwitchProps["classNames"];
12 | }
13 |
14 | export const ThemeSwitch: FC
62 | {!loading && (
63 |
132 |
133 |
64 | {/* Top Section */}
65 |
130 | )}
131 |
66 |
69 |
80 |
81 |
82 |
83 | {/* Chat List Section */}
84 |
91 |
92 |
94 |
95 | {/* Bottom Section */}
96 |
97 | {isLoggedIn ? (
98 |
107 | ) : (
108 |
117 | )}
118 |
119 |
128 |
129 |
75 | {isSelected ? (
76 |
81 |
12 |
29 | );
30 | }
31 |
--------------------------------------------------------------------------------
/src/components/user/profile.tsx:
--------------------------------------------------------------------------------
1 | import React, { useRef, useState } from "react";
2 | import CustomModal from "../customModal";
3 | import { Avatar, Divider, Switch } from "@nextui-org/react";
4 | import { AiOutlineUser } from "react-icons/ai";
5 | import { BiEdit } from "react-icons/bi";
6 | import { useNavigate } from "react-router-dom";
7 | import { updateProfile } from "@/services/dispatch/user-dispatch";
8 | import { useAuth } from "@/hooks/use-auth";
9 | import { getItem, setItem } from "@/services/session";
10 | import { convertToBase64 } from "@/utils";
11 | import toast from "react-hot-toast";
12 | import { User } from "@/contexts/AuthContext";
13 |
14 | const Profile = () => {
15 | //to-do: userdata fetching
16 | const { user, setUser } = useAuth();
17 |
18 | const [UserInfo, setUserInfo] = useState({
19 | avatar: getItem('avatar') || '',
20 | full_name: user?.full_name || '',
21 | email: user?.email || '',
22 | retention: true,
23 | });
24 |
25 | const save = async () => {
26 | const result = await updateProfile({ full_name: UserInfo.full_name, email: UserInfo.email })
27 | if(result.message !=="No changes were made to the profile"){
28 | toast.success(result.message)
29 | setUser({...user,full_name:UserInfo.full_name,email:UserInfo.email} as User )
30 | setItem("user", {...user,full_name:UserInfo.full_name,email:UserInfo.email} as User);
31 | }
32 | }
33 |
34 | const [isNameChanging, setIsnameChaning] = useState(false);
35 | const [isEmailChanging, setIsEmailChanging] = useState(false);
36 |
37 |
38 | const FileInputRef = useRef
13 |
17 |
14 | {props.content}
15 |
16 | [
18 | setHover(false)
19 | ]}
20 | onMouseOver={() => {
21 | setHover(true)
22 | }}
23 | >
24 | {
25 | props.children
26 | }
27 |
28 |
65 | navigate(-1)}>
66 |
166 |
167 | );
168 | };
169 |
170 | export default Profile;
171 |
--------------------------------------------------------------------------------
/src/config/site.ts:
--------------------------------------------------------------------------------
1 | export type SiteConfig = typeof siteConfig;
2 |
3 | export const siteConfig = {
4 | name: "Vite + NextUI",
5 | description: "Make beautiful websites regardless of your design experience.",
6 | navItems: [
7 | {
8 | label: "Home",
9 | href: "/",
10 | },
11 | {
12 | label: "Docs",
13 | href: "/docs",
14 | },
15 | {
16 | label: "Pricing",
17 | href: "/pricing",
18 | },
19 | {
20 | label: "Blog",
21 | href: "/blog",
22 | },
23 | {
24 | label: "About",
25 | href: "/about",
26 | },
27 | ],
28 | navMenuItems: [
29 | {
30 | label: "Profile",
31 | href: "/profile",
32 | },
33 | {
34 | label: "Dashboard",
35 | href: "/dashboard",
36 | },
37 | {
38 | label: "Projects",
39 | href: "/projects",
40 | },
41 | {
42 | label: "Team",
43 | href: "/team",
44 | },
45 | {
46 | label: "Calendar",
47 | href: "/calendar",
48 | },
49 | {
50 | label: "Settings",
51 | href: "/settings",
52 | },
53 | {
54 | label: "Help & Feedback",
55 | href: "/help-feedback",
56 | },
57 | {
58 | label: "Logout",
59 | href: "/logout",
60 | },
61 | ],
62 | links: {
63 | github: "https://github.com/nextui-org/nextui",
64 | twitter: "https://twitter.com/getnextui",
65 | docs: "https://nextui-docs-v2.vercel.app",
66 | discord: "https://discord.gg/9b6yyZKmH4",
67 | sponsor: "https://patreon.com/jrgarciadev",
68 | },
69 | };
70 |
--------------------------------------------------------------------------------
/src/contexts/ArchiveContext.tsx:
--------------------------------------------------------------------------------
1 | import React, { ReactNode, createContext, useEffect, useState } from "react";
2 |
3 | import { getItem } from "../services/session";
4 |
5 | export interface ArchivedChat{
6 | name:string;
7 | id:string;
8 | created:Date
9 | }
10 |
11 | interface ArchiveContextProps {
12 | archivedchats: ArchivedChat[];
13 | setArchivedChats: React.Dispatch
67 |
165 |
68 |
83 | Avatar
69 | FileInputRef.current?.click()}
72 | >
73 | {" "}
74 |
82 |
85 |
110 | User Name
86 |
87 | {isNameChanging ? (
88 | {
95 |
96 | setIsnameChaning(false)
97 | save()
98 | }}
99 | />
100 | ) : (
101 | setIsnameChaning(true)}
106 | className="w-1/2 z-[50] opacity-80 hover:opacity-100 active:opacity-50"
107 | />
108 |
109 | {UserInfo.full_name}
102 | )}
103 |
104 |
112 |
135 | Email
113 |
114 | {isEmailChanging ? (
115 | {
121 | setIsEmailChanging(false)
122 | save()
123 | }}
124 | />
125 | ) : (
126 | setIsEmailChanging(true)}
131 | className="w-1/2 z-[50] opacity-80 hover:opacity-100 active:opacity-50"
132 | />
133 |
134 | {UserInfo.email}
127 | )}
128 |
129 |
137 |
158 |
164 |
138 |
145 | AI Data Retention
139 |
140 | AI Data Retention allows Cerina to use your searches to improve
141 | AI models. Turn this setting off if you wish to exclude your
142 | data from this process
143 |
144 |
146 |
152 | setUserInfo({ ...UserInfo, retention: isSelected })
153 | }
154 | isSelected={UserInfo.retention}
155 | >
156 |
157 |
16 | setIsSidebarOpen(false)} />
17 |
18 |
23 | );
24 | }
25 |
--------------------------------------------------------------------------------
/src/main.tsx:
--------------------------------------------------------------------------------
1 | import { StrictMode } from "react";
2 | import { createRoot } from "react-dom/client";
3 | import App from "./App.tsx";
4 | import "./index.css";
5 | import { BrowserRouter } from "react-router-dom";
6 | import { Provider } from "./provider.tsx";
7 |
8 | createRoot(document.getElementById("root")!).render(
9 |
19 | setIsSidebarOpen((prev) => !prev)} isOpen={isSidebarOpen} />
20 | {children}
21 |
22 |
9 |
11 | About
10 |
54 | {isLoading ? (
55 |
80 | );
81 | }
--------------------------------------------------------------------------------
/src/pages/blog.tsx:
--------------------------------------------------------------------------------
1 | import { title } from "@/components/primitives";
2 | import DefaultLayout from "@/layouts/default";
3 |
4 | export default function DocsPage() {
5 | return (
6 |
56 |
61 | ) : (
62 | <>
63 | {error ? (
64 | 57 | Please wait while activating your account 58 |
59 |
65 |
69 | ) : (
70 | Failed to activate account
67 | 68 |
71 |
76 | )}
77 |
78 | )}
79 | 73 | Your account is activated successfully 74 |
75 |
9 |
11 | Blog
10 |
9 |
11 | Docs
10 |
40 |
42 | )}
43 | {/* Chat input container */}
44 |
50 | {signupMessage}
51 |
52 | )}
53 |
54 | {/* Sign-in modal */}
55 |
9 |
11 | Pricing
10 |
9 |
11 |
54 | navigate(-1)}
59 | >
60 |
109 |
112 | }
113 | >
114 |
61 | Settings
62 | navigate(-1)} />
63 |
64 |
65 |
68 |
97 | {" "}
98 |
101 | }
102 | >
103 |
69 |
80 |
85 |
88 | }
89 | >
90 |
133 |
135 |
11 |
69 |
70 | )
71 | }
72 |
73 | export default Upgrade_Plan
--------------------------------------------------------------------------------
/src/provider.tsx:
--------------------------------------------------------------------------------
1 | import { NextUIProvider } from "@nextui-org/system";
2 | import { useNavigate } from "react-router-dom";
3 | import { AuthProvider } from "./contexts/AuthContext";
4 | import { Toaster } from "react-hot-toast";
5 | import { Provider as StoreProvider } from "react-redux";
6 | import { store } from "./store";
7 | import { QueryClient, QueryClientProvider } from "react-query";
8 | import { ArchiveProvider } from "./contexts/ArchiveContext";
9 |
10 | const queryClient = new QueryClient();
11 | export function Provider({ children }: { children: React.ReactNode }) {
12 | const navigate = useNavigate();
13 |
14 | return (
15 |
12 |
13 |
67 |
68 |
14 | navigate(-1)} />
15 |
66 | Upgrade Your Plan
16 |
17 |
18 |
65 |
19 |
31 | Free
20 | Rs. 0/month
21 |
22 |
23 |
30 |
26 |
32 |
64 |
33 |
40 |
34 |
38 |
39 | PlusRs. 5,000/month
41 |
45 |
46 |
63 |
49 |
53 |
57 |
60 |