38 lines
950 B
TypeScript
38 lines
950 B
TypeScript
import { useQuery, useQueryClient } from "@tanstack/react-query"
|
|
import { Skeleton, Switch } from "antd"
|
|
import {
|
|
getIsSimpleInternetSearch,
|
|
setIsSimpleInternetSearch
|
|
} from "~services/ollama"
|
|
|
|
export const SearchModeSettings = () => {
|
|
const { data, status } = useQuery({
|
|
queryKey: ["fetchIsSimpleInternetSearch"],
|
|
queryFn: () => getIsSimpleInternetSearch()
|
|
})
|
|
|
|
const queryClient = useQueryClient()
|
|
|
|
if (status === "pending" || status === "error") {
|
|
return <Skeleton active />
|
|
}
|
|
|
|
return (
|
|
<div className="flex flex-row justify-between">
|
|
<span className="text-gray-500 dark:text-gray-400 text-lg">
|
|
Perform Simple Internet Search
|
|
</span>
|
|
|
|
<Switch
|
|
checked={data}
|
|
onChange={(checked) => {
|
|
setIsSimpleInternetSearch(checked)
|
|
queryClient.invalidateQueries({
|
|
queryKey: ["fetchIsSimpleInternetSearch"]
|
|
})
|
|
}}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|