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

feat: hub recommendation labels

Browse Source
This commit is contained in:
Faisal Amir 2024-01-08 13:57:35 +07:00
parent 74ed081e4f
commit db99a8d8bb
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/screens/ExploreModels/ExploreModelItemHeader/index.tsx
View File

@ -2,7 +2,7 @@
import { useCallback, useMemo } from 'react' import { useCallback, useMemo } from 'react'
import { Model } from '@janhq/core' import { Model } from '@janhq/core'
import { Button } from '@janhq/uikit' import { Badge, Button } from '@janhq/uikit'
import { atom, useAtomValue } from 'jotai' import { atom, useAtomValue } from 'jotai'
@ -101,6 +101,19 @@ const ExploreModelItemHeader: React.FC<Props> = ({ model, onClick, open }) => {
<span className="mr-4 font-semibold text-muted-foreground"> <span className="mr-4 font-semibold text-muted-foreground">
{toGibibytes(model.metadata.size)} {toGibibytes(model.metadata.size)}
</span> </span>
{model.metadata.size && (
<>
<Badge className="rounded-md bg-green-500 text-white">
Recommended
</Badge>
<Badge className="rounded-md bg-yellow-500 text-white">
Slow on your device
</Badge>
<Badge className="rounded-md bg-red-500 text-white">
Not enough RAM
</Badge>
</>
)}
{downloadButton} {downloadButton}
<ChevronDownIcon <ChevronDownIcon
className={twMerge( className={twMerge(