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> </span>
<p className="mt-2 font-medium uppercase">{model.format}</p> <p className="mt-2 font-medium uppercase">{model.format}</p>
</div> </div>
<div className="mt-4"> {/* <div className="mt-4">
<span className="font-semibold text-muted-foreground"> <span className="font-semibold text-muted-foreground">
Compatibility Compatibility
</span> </span>
<p className="mt-2 font-medium">-</p> <p className="mt-2 font-medium">-</p>
</div> </div> */}
</div> </div>
</div> </div>
)} )}

3
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 { Badge, Button } from '@janhq/uikit' import { Button } from '@janhq/uikit'
import { atom, useAtomValue } from 'jotai' import { atom, useAtomValue } from 'jotai'
@ -101,7 +101,6 @@ const ExploreModelItemHeader: React.FC<Props> = ({ model, onClick, open }) => {
> >
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className="font-bold">{model.name}</span> <span className="font-bold">{model.name}</span>
<Badge>{model.metadata.tags[0]}</Badge>
</div> </div>
<div className="inline-flex items-center space-x-2"> <div className="inline-flex items-center space-x-2">
<span className="mr-4 font-semibold text-muted-foreground"> <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 [tabActive, setTabActive] = useState('Model')
const { downloadedModels } = useGetDownloadedModels() const { downloadedModels } = useGetDownloadedModels()
const [sortSelected, setSortSelected] = useState('All Model') const [sortSelected, setSortSelected] = useState('All Model')
const sortMenu = ['All Model', 'Downloaded'] const sortMenu = ['All Model', 'Recommended', 'Downloaded']
const filteredModels = models.filter((x) => { const filteredModels = models.filter((x) => {
if (sortSelected === 'Downloaded') { if (sortSelected === 'Downloaded') {
@ -43,6 +43,8 @@ const ExploreModelsScreen = () => {
x.name.toLowerCase().includes(searchValue.toLowerCase()) && x.name.toLowerCase().includes(searchValue.toLowerCase()) &&
downloadedModels.some((y) => y.id === x.id) downloadedModels.some((y) => y.id === x.id)
) )
} else if (sortSelected === 'Recommended') {
return x.metadata.tags.includes('Recommended')
} else { } else {
return x.name.toLowerCase().includes(searchValue.toLowerCase()) return x.name.toLowerCase().includes(searchValue.toLowerCase())
} }