e86cd7e661
* chore: add react developer tools to electron * feat: add small convert modal * feat: separate modals and add hugging face extension * feat: fully implement hugging face converter * fix: forgot to uncomment this... * fix: typo * feat: try hf-to-gguf script first and then use convert.py HF-to-GGUF has support for some unusual models maybe using convert.py first would be better but we can change the usage order later * fix: pre-install directory changed * fix: sometimes exit code is undefined * chore: download additional files for qwen * fix: event handling changed * chore: add one more necessary package * feat: download gguf-py from llama.cpp * fix: cannot interpret wildcards on GNU tar Co-authored-by: hiento09 <136591877+hiento09@users.noreply.github.com> --------- Co-authored-by: hiento09 <136591877+hiento09@users.noreply.github.com>
33 lines
926 B
TypeScript
33 lines
926 B
TypeScript
import { Button } from '@janhq/uikit'
|
|
import { useAtomValue } from 'jotai'
|
|
|
|
import { useGetHFRepoData } from '@/hooks/useGetHFRepoData'
|
|
|
|
import { fetchErrorAtom, loadingAtom } from '@/helpers/atoms/HFConverter.atom'
|
|
|
|
export const HuggingFaceSearchErrorModal = () => {
|
|
// This component only loads when fetchError is not null
|
|
const fetchError = useAtomValue(fetchErrorAtom)!
|
|
const loading = useAtomValue(loadingAtom)
|
|
|
|
const getRepoData = useGetHFRepoData()
|
|
|
|
return (
|
|
<>
|
|
<div className="flex flex-col items-center justify-center gap-1">
|
|
<p className="text-2xl font-bold">Error!</p>
|
|
<p className="text-gray-500">Fetch error</p>
|
|
</div>
|
|
<p>{fetchError.message}</p>
|
|
<Button
|
|
onClick={getRepoData}
|
|
className="w-full"
|
|
loading={loading}
|
|
themes={loading ? 'ghost' : 'danger'}
|
|
>
|
|
{loading ? '' : 'Try Again'}
|
|
</Button>
|
|
</>
|
|
)
|
|
}
|