diff options
Diffstat (limited to 'apps/web/app/settings/rules/page.tsx')
| -rw-r--r-- | apps/web/app/settings/rules/page.tsx | 25 |
1 files changed, 10 insertions, 15 deletions
diff --git a/apps/web/app/settings/rules/page.tsx b/apps/web/app/settings/rules/page.tsx index 98a30bcc..2e739343 100644 --- a/apps/web/app/settings/rules/page.tsx +++ b/apps/web/app/settings/rules/page.tsx @@ -6,22 +6,25 @@ import RuleList from "@/components/dashboard/rules/RuleEngineRuleList"; import { Button } from "@/components/ui/button"; import { FullPageSpinner } from "@/components/ui/full-page-spinner"; import { useTranslation } from "@/lib/i18n/client"; -import { api } from "@/lib/trpc"; -import { Tooltip, TooltipContent, TooltipTrigger } from "components/ui/tooltip"; -import { FlaskConical, PlusCircle } from "lucide-react"; +import { useQuery } from "@tanstack/react-query"; +import { PlusCircle } from "lucide-react"; +import { useTRPC } from "@karakeep/shared-react/trpc"; import { RuleEngineRule } from "@karakeep/shared/types/rules"; export default function RulesSettingsPage() { + const api = useTRPC(); const { t } = useTranslation(); const [editingRule, setEditingRule] = useState< (Omit<RuleEngineRule, "id"> & { id: string | null }) | null >(null); - const { data: rules, isLoading } = api.rules.list.useQuery(undefined, { - refetchOnWindowFocus: true, - refetchOnMount: true, - }); + const { data: rules, isLoading } = useQuery( + api.rules.list.queryOptions(undefined, { + refetchOnWindowFocus: true, + refetchOnMount: true, + }), + ); const handleCreateRule = () => { const newRule = { @@ -49,14 +52,6 @@ export default function RulesSettingsPage() { <div className="flex items-center justify-between"> <span className="flex items-center gap-2 text-lg font-medium"> {t("settings.rules.rules")} - <Tooltip> - <TooltipTrigger className="text-muted-foreground"> - <FlaskConical size={15} /> - </TooltipTrigger> - <TooltipContent side="bottom"> - {t("common.experimental")} - </TooltipContent> - </Tooltip> </span> <Button onClick={handleCreateRule} variant="default"> <PlusCircle className="mr-2 h-4 w-4" /> |