Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-07-26 01:35:11 +10:00
Code Issues Packages Projects Releases Wiki Activity

use Link

Browse Source
This commit is contained in:
Philipinho
2025-04-23 14:21:07 +01:00
parent b9e2e5fd6b
commit 8ea805ee3d
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/search/search-spotlight.tsx
+5 -5
View File
@@ -2,7 +2,7 @@ import { Group, Center, Text } from "@mantine/core";
import { Spotlight } from "@mantine/spotlight"; import { Spotlight } from "@mantine/spotlight";
import { IconSearch } from "@tabler/icons-react"; import { IconSearch } from "@tabler/icons-react";
import React, { useState } from "react"; import React, { useState } from "react";
import { useNavigate } from "react-router-dom"; import { Link } from "react-router-dom";
import { useDebouncedValue } from "@mantine/hooks"; import { useDebouncedValue } from "@mantine/hooks";
import { usePageSearchQuery } from "@/features/search/queries/search-query"; import { usePageSearchQuery } from "@/features/search/queries/search-query";
import { buildPageUrl } from "@/features/page/page.utils.ts"; import { buildPageUrl } from "@/features/page/page.utils.ts";
@@ -15,7 +15,6 @@ interface SearchSpotlightProps {
} }
export function SearchSpotlight({ spaceId }: SearchSpotlightProps) { export function SearchSpotlight({ spaceId }: SearchSpotlightProps) {
const { t } = useTranslation(); const { t } = useTranslation();
const navigate = useNavigate();
const [query, setQuery] = useState(""); const [query, setQuery] = useState("");
const [debouncedSearchQuery] = useDebouncedValue(query, 300); const [debouncedSearchQuery] = useDebouncedValue(query, 300);
@@ -29,9 +28,10 @@ export function SearchSpotlight({ spaceId }: SearchSpotlightProps) {
).map((page) => ( ).map((page) => (
<Spotlight.Action <Spotlight.Action
key={page.id} key={page.id}
onClick={() => component={Link}
navigate(buildPageUrl(page.space.slug, page.slugId, page.title)) //@ts-ignore
} to={buildPageUrl(page.space.slug, page.slugId, page.title)}
style={{ userSelect: "none" }}
> >
<Group wrap="nowrap" w="100%"> <Group wrap="nowrap" w="100%">
<Center>{getPageIcon(page?.icon)}</Center> <Center>{getPageIcon(page?.icon)}</Center>