fix: incorrect href if search result contains #... (close AlistGo/a…

…list#2907 #43)

* fix: 修复搜索结果包含特殊符号跳转失败的BUG

* fix: 修复搜索结果包含特殊符号跳转失败的BUG

* do not change path

Co-authored-by: zxdstyle <[email protected]>
Co-authored-by: Noah Hsu <[email protected]>

src/components/LinkWithBase.tsx

@@ -1,15 +1,23 @@
-import { Link, LinkProps } from "@solidjs/router"
+import { Link } from "@solidjs/router"
 import { Anchor, AnchorProps, ElementType } from "@hope-ui/solid"
-import { joinBase } from "~/utils"
+import { joinBase, encodePath } from "~/utils"
 import { useRouter } from "~/hooks"
-export const LinkWithBase = (props: LinkProps) => (
-  <Link {...props} href={joinBase(props.href)} />
+import { ComponentProps } from "solid-js"
+
+export const LinkWithBase = (
+  props: ComponentProps<typeof Link> & { encode?: boolean }
+) => (
+  <Link
+    {...props}
+    href={joinBase(props.encode ? encodePath(props.href) : props.href)}
+  />
 )
+
 export const AnchorWithBase = <C extends ElementType = "a">(
   props: AnchorProps<C>
 ) => <Anchor {...props} href={joinBase(props.href)} />
 
-export const LinkWithPush = (props: LinkProps) => {
+export const LinkWithPush = (props: ComponentProps<typeof LinkWithBase>) => {
   const { pushHref } = useRouter()
   return <LinkWithBase {...props} href={pushHref(props.href)} />
 }

src/pages/home/folder/Search.tsx

@@ -43,6 +43,7 @@ const SearchResult = (props: SearchNode) => {
       px="$2"
       as={LinkWithBase}
       href={props.path}
+      encode
     >
       <Icon
         class="icon"