Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: error message when not enough RAM

Browse Source
This commit is contained in:
Faisal Amir 2024-01-22 20:02:08 +07:00
parent 7f1a902a25
commit 8ce454ae61
1 changed files with 31 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
web/screens/Chat/ErrorMessage/index.tsx
View File

@ -9,6 +9,7 @@ import { Button } from '@janhq/uikit'
import { useAtomValue, useSetAtom } from 'jotai' import { useAtomValue, useSetAtom } from 'jotai'
import { RefreshCcw } from 'lucide-react' import { RefreshCcw } from 'lucide-react'
import { useActiveModel } from '@/hooks/useActiveModel'
import useSendChatMessage from '@/hooks/useSendChatMessage' import useSendChatMessage from '@/hooks/useSendChatMessage'
import { extensionManager } from '@/extension' import { extensionManager } from '@/extension'
@ -16,6 +17,7 @@ import {
deleteMessageAtom, deleteMessageAtom,
getCurrentChatMessagesAtom, getCurrentChatMessagesAtom,
} from '@/helpers/atoms/ChatMessage.atom' } from '@/helpers/atoms/ChatMessage.atom'
import { totalRamAtom } from '@/helpers/atoms/SystemBar.atom'
import { activeThreadAtom } from '@/helpers/atoms/Thread.atom' import { activeThreadAtom } from '@/helpers/atoms/Thread.atom'
const ErrorMessage = ({ message }: { message: ThreadMessage }) => { const ErrorMessage = ({ message }: { message: ThreadMessage }) => {
@ -23,6 +25,8 @@ const ErrorMessage = ({ message }: { message: ThreadMessage }) => {
const thread = useAtomValue(activeThreadAtom) const thread = useAtomValue(activeThreadAtom)
const deleteMessage = useSetAtom(deleteMessageAtom) const deleteMessage = useSetAtom(deleteMessageAtom)
const { resendChatMessage } = useSendChatMessage() const { resendChatMessage } = useSendChatMessage()
const { activeModel } = useActiveModel()
const totalRam = useAtomValue(totalRamAtom)
const regenerateMessage = async () => { const regenerateMessage = async () => {
const lastMessageIndex = messages.length - 1 const lastMessageIndex = messages.length - 1
@ -66,24 +70,33 @@ const ErrorMessage = ({ message }: { message: ThreadMessage }) => {
{message.status === MessageStatus.Error && ( {message.status === MessageStatus.Error && (
<div key={message.id} className="mt-10 flex flex-col items-center"> <div key={message.id} className="mt-10 flex flex-col items-center">
<span className="mb-3 text-center text-sm font-medium text-gray-500"> <span className="mb-3 text-center text-sm font-medium text-gray-500">
<p>Apologies, something&apos;s amiss!</p> {Number(activeModel?.metadata.size) * 1.25 > totalRam ? (
Jan&apos;s in beta. Find troubleshooting guides{' '} <>
<a Oops! Model size exceeds available RAM. Consider selecting a
href="https://jan.ai/guides/troubleshooting" smaller model or upgrading your RAM for smoother performance.
target="_blank" </>
className="text-blue-600 hover:underline dark:text-blue-300" ) : (
> <>
here <p>Apologies, something&apos;s amiss!</p>
</a>{' '} Jan&apos;s in beta. Find troubleshooting guides{' '}
or reach out to us on{' '} <a
<a href="https://jan.ai/guides/troubleshooting"
href="https://discord.gg/AsJ8krTT3N" target="_blank"
target="_blank" className="text-blue-600 hover:underline dark:text-blue-300"
className="text-blue-600 hover:underline dark:text-blue-300" >
> here
Discord </a>{' '}
</a>{' '} or reach out to us on{' '}
for assistance. <a
href="https://discord.gg/AsJ8krTT3N"
target="_blank"
className="text-blue-600 hover:underline dark:text-blue-300"
>
Discord
</a>{' '}
for assistance.
</>
)}
</span> </span>
</div> </div>
)} )}