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

Add reccommended tag

Browse Source
This commit is contained in:
Faisal Amir 2023-12-04 21:59:30 +07:00
parent 18b0046441
commit 8345a13d0c
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/screens/ExploreModels/ExploreModelItem/index.tsx
View File

@ -75,12 +75,12 @@ const ExploreModelItem = forwardRef<HTMLDivElement, Props>(({ model }, ref) => {
</span>
<p className="mt-2 font-medium uppercase">{model.format}</p>
</div>
<div className="mt-4">
{/* <div className="mt-4">
<span className="font-semibold text-muted-foreground">
Compatibility
</span>
<p className="mt-2 font-medium">-</p>
</div>
</div> */}
</div>
</div>
)}

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

@ -2,7 +2,7 @@
import { useCallback, useMemo } from 'react'
import { Model } from '@janhq/core'
import { Badge, Button } from '@janhq/uikit'
import { Button } from '@janhq/uikit'
import { atom, useAtomValue } from 'jotai'
@ -101,7 +101,6 @@ const ExploreModelItemHeader: React.FC<Props> = ({ model, onClick, open }) => {
>
<div className="flex items-center gap-2">
<span className="font-bold">{model.name}</span>
<Badge>{model.metadata.tags[0]}</Badge>
</div>
<div className="inline-flex items-center space-x-2">
<span className="mr-4 font-semibold text-muted-foreground">

4
web/screens/ExploreModels/index.tsx
View File

@ -35,7 +35,7 @@ const ExploreModelsScreen = () => {
const [tabActive, setTabActive] = useState('Model')
const { downloadedModels } = useGetDownloadedModels()
const [sortSelected, setSortSelected] = useState('All Model')
const sortMenu = ['All Model', 'Downloaded']
const sortMenu = ['All Model', 'Recommended', 'Downloaded']
const filteredModels = models.filter((x) => {
if (sortSelected === 'Downloaded') {
@ -43,6 +43,8 @@ const ExploreModelsScreen = () => {
x.name.toLowerCase().includes(searchValue.toLowerCase()) &&
downloadedModels.some((y) => y.id === x.id)
)
} else if (sortSelected === 'Recommended') {
return x.metadata.tags.includes('Recommended')
} else {
return x.name.toLowerCase().includes(searchValue.toLowerCase())
}