-
-
-
-
-
-
-
-
- {items.map((item) => (
- -
-
-
- ))}
-
+
+
+
+
+
+
+
+
+
+
+
+ {(item) => (
+
+
+
+ )}
+
+
+
+
);
}
@@ -91,25 +107,26 @@ export interface JustLinkProps {
props: object;
};
}
-export function JustLink({
- title,
- href,
- isExternal,
- isActive,
- systemVersion,
- event,
-}: JustLinkProps) {
+export function JustLink(props: JustLinkProps) {
+ const { systemVersion } = useSystemVersion();
+
return (
-
event && trackEvent(event.name, event.props)}
- target={isExternal ? "_blank" : "_self"}
- >
-
-
+
+
+ props.event && trackEvent(props.event.name, props.event.props)
+ }
+ target={props.isExternal ? "_blank" : "_self"}
+ >
+
+
+
);
}
@@ -125,13 +142,20 @@ interface LinkTitleProps {
title: string;
isExternal?: boolean | undefined;
}
-export function LinkTitle({ title, isExternal }: LinkTitleProps) {
+export function LinkTitle(props: LinkTitleProps) {
return (
- {title || (unknown page)}
- {isExternal && (
+
+ (unknown page)}
+ >
+ {props.title}
+
+
+
- )}
+
);
}
diff --git a/src/layouts/sidebar/RightSidebar.tsx b/src/layouts/sidebar/RightSidebar.tsx
index 400b35595..e9f68cd14 100644
--- a/src/layouts/sidebar/RightSidebar.tsx
+++ b/src/layouts/sidebar/RightSidebar.tsx
@@ -1,7 +1,13 @@
-import type React from "preact/compat";
-import { useEffect, useState } from "react";
+import {
+ createEffect,
+ createSignal,
+ For,
+ type JSXElement,
+ mergeProps,
+ Show,
+} from "solid-js";
-import { useSystemVersion } from "#state/system-version";
+import { useSystemVersion } from "~/state/system-version";
export interface RightSidebarProps {
lang: string;
@@ -14,52 +20,52 @@ export interface TocItem {
text: string;
children: TocItem[];
}
-function RightSidebar({
- lang,
- slug,
- editThisPagePrefix = "https://github.com/portone-io/developers.portone.io/blob/main/src/content/docs",
-}: RightSidebarProps) {
- const [toc, setToc] = useState
(null);
- const systemVersion = useSystemVersion();
+function RightSidebar(_props: RightSidebarProps) {
+ const props = mergeProps(_props, {
+ editThisPagePrefix:
+ "https://github.com/portone-io/developers.portone.io/blob/main/src/content/docs",
+ });
- useEffect(() => {
- setToc(headingsToToc(lang));
- }, [systemVersion]);
+ const [toc, setToc] = createSignal(null);
+ const { systemVersion } = useSystemVersion();
+
+ createEffect(() => {
+ void systemVersion();
+ setToc(headingsToToc(props.lang));
+ });
return (
- {toc && (
+
- )}
+
- {icon && (
+
<>
- {" "}
+ {" "}
- )}
- {label}
+
+ {props.label}
- {children}
+ {props.children}
);
}
diff --git a/src/layouts/sidebar/search.tsx b/src/layouts/sidebar/search.tsx
index ae5945dbc..a1fbd687a 100644
--- a/src/layouts/sidebar/search.tsx
+++ b/src/layouts/sidebar/search.tsx
@@ -1,19 +1,48 @@
-import { computed, signal } from "@preact/signals";
import Fuse from "fuse.js";
-import * as React from "react";
+import {
+ createContext,
+ createMemo,
+ createResource,
+ createSignal,
+ For,
+ type JSXElement,
+ Match,
+ Show,
+ Switch,
+ useContext,
+} from "solid-js";
-import { useSystemVersion } from "#state/system-version";
import { lazy } from "~/misc/async";
-import type { NavMenuSystemVersions } from "~/state/server-only/nav";
+import type { NavMenuSystemVersions } from "~/state/nav";
+import { useSystemVersion } from "~/state/system-version";
+
+const SearchContext = createContext({
+ open: (): boolean => false,
+ setOpen: (_: boolean): void => {},
+});
+
+export function SearchProvider(props: { children: JSXElement }) {
+ const [open, setOpen] = createSignal(false);
+
+ return (
+
+ {props.children}
+
+ );
+}
+
+export const useSearchContext = () => useContext(SearchContext);
export interface SearchButtonProps {
lang: string;
}
export function SearchButton({ lang }: SearchButtonProps) {
+ const { setOpen } = useSearchContext();
+
return (