diff --git a/docs/sliver-docs/components/markdown.tsx b/docs/sliver-docs/components/markdown.tsx
index afd3c620ba..3d76583322 100644
--- a/docs/sliver-docs/components/markdown.tsx
+++ b/docs/sliver-docs/components/markdown.tsx
@@ -2,15 +2,19 @@ import CodeViewer, { CodeSchema } from "@/components/code";
import { Themes } from "@/util/themes";
import { useTheme } from "next-themes";
import Image from "next/image";
+import Link from "next/link";
+import { useRouter } from "next/router";
import Markdown from "react-markdown";
import remarkGfm from "remark-gfm";
export type MarkdownProps = {
+ key?: string;
markdown: string;
};
const MarkdownViewer = (props: MarkdownProps) => {
const { theme } = useTheme();
+ const router = useRouter();
return (
{
}
>
{
+ e.preventDefault();
+ router.push(href);
+ }}
+ >
+ {children}
+
+ );
+ }
const url = new URL(href || "");
if (url.protocol !== "http:" && url.protocol !== "https:") {
return <>;
}
if (url.host === "sliver.sh") {
return (
-
{children}
-
+
);
}
return (
diff --git a/docs/sliver-docs/components/navbar.tsx b/docs/sliver-docs/components/navbar.tsx
index 6f5d9c881f..f7272c5a70 100644
--- a/docs/sliver-docs/components/navbar.tsx
+++ b/docs/sliver-docs/components/navbar.tsx
@@ -107,7 +107,7 @@ export default function TopNavbar(props: TopNavbarProps) {
startContent={}
onKeyDown={(e) => {
if (e.key === "Enter") {
- router.push(`/search`, { query: { search: query } });
+ router.push(`/search/`, { query: { search: query } });
setQuery("");
}
}}
diff --git a/docs/sliver-docs/pages/docs/index.tsx b/docs/sliver-docs/pages/docs/index.tsx
index 4a2d62874d..4b81df02f8 100644
--- a/docs/sliver-docs/pages/docs/index.tsx
+++ b/docs/sliver-docs/pages/docs/index.tsx
@@ -1,6 +1,5 @@
import MarkdownViewer from "@/components/markdown";
import { Docs } from "@/util/docs";
-import { frags } from "@/util/frags";
import { Themes } from "@/util/themes";
import { faSearch } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -18,10 +17,13 @@ import { useQuery } from "@tanstack/react-query";
import Fuse from "fuse.js";
import { NextPage } from "next";
import { useTheme } from "next-themes";
+import { useSearchParams } from "next/navigation";
+import { useRouter } from "next/router";
import React from "react";
const DocsIndexPage: NextPage = () => {
const { theme } = useTheme();
+ const router = useRouter();
const { data: docs, isLoading } = useQuery({
queryKey: ["docs"],
@@ -31,11 +33,14 @@ const DocsIndexPage: NextPage = () => {
},
});
- const [name, _setName] = React.useState(decodeURI(frags.get("name") || ""));
- const setName = (name: string) => {
- frags.set("name", name);
- _setName(name);
- };
+ const [name, setName] = React.useState("");
+ const urlName = useSearchParams().get("name");
+ React.useEffect(() => {
+ if (urlName) {
+ setName(urlName);
+ }
+ }, [urlName]);
+
const [markdown, setMarkdown] = React.useState(
name === ""
? docs?.docs[0].content
@@ -109,8 +114,7 @@ const DocsIndexPage: NextPage = () => {
key={doc.name}
value={doc.name}
onClick={() => {
- setName(doc.name);
- setMarkdown(doc.content);
+ router.push(`/docs`, { query: { name: doc.name } });
}}
>
{doc.name}
@@ -128,7 +132,7 @@ const DocsIndexPage: NextPage = () => {
-
+
diff --git a/docs/sliver-docs/util/frags.ts b/docs/sliver-docs/util/frags.ts
deleted file mode 100644
index be69fc9063..0000000000
--- a/docs/sliver-docs/util/frags.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-/** URL Fragment Arguments */
-
-class Frags {
-
- set(name: string, value: string) {
- let frags = this._parseHash();
- frags.set(name, value);
- let newFrags = "";
- for (let [key, value] of frags) {
- newFrags += `${key}=${value};`;
- }
- window.location.hash = newFrags;
- }
-
- get(name: string): string | undefined {
- if (typeof window === "undefined") {
- return undefined;
- }
- let frags = window.location.hash;
- if (!frags) {
- return undefined;
- }
- let fragsMap = this._parseHash();
- return fragsMap.get(name);
- }
-
- unset(name: string) {
- let frags = window.location.hash;
- if (!frags) {
- return;
- }
- let fragsMap = this._parseHash();
- fragsMap.delete(name);
- let newFrags = "";
- for (let [key, value] of fragsMap) {
- newFrags += `${key}=${value};`;
- }
- window.location.hash = newFrags;
- }
-
- private _parseHash(): Map {
- let frags = window.location.hash;
- frags = frags.substring(1);
- let fragsMap = new Map();
- if (!frags) {
- return fragsMap;
- }
- frags.split(";").forEach(frag => {
- if (!frag) {
- return;
- }
- const [key, value] = frag.split("=");
- fragsMap.set(key, value);
- });
- return fragsMap;
- }
-
-}
-
-export const frags = new Frags();