mirror of
https://github.com/Kaelio/ktx.git
synced 2026-06-13 08:15:14 +02:00
e1067bf734
Move the live GitHub stars widget into the sidebar footer pill as a type:"icon" link, sitting opposite the Slack mark (space-between) and beside the theme switcher. Render it as inner content (GitHub mark + star + compact count) so fumadocs supplies the anchor. Replace the default fumadocs theme switcher with a custom two-icon control where each icon selects its own theme. The built-in "light-dark" mode is a single blind toggle that flips on any click, so clicking the sun while already in light mode jumps to dark. useTheme is sourced from fumadocs-ui/provider/base and the icons are inlined to avoid bare next-themes / lucide-react imports.
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";
|
|
import { Logo } from "@/components/logo";
|
|
import { SlackIcon } from "@/components/slack-icon";
|
|
import { GitHubStars, GITHUB_REPO_URL } from "@/components/github-stars";
|
|
import { ThemeToggle } from "@/components/theme-toggle";
|
|
|
|
export const baseOptions: BaseLayoutProps = {
|
|
nav: {
|
|
title: Logo,
|
|
transparentMode: "top",
|
|
},
|
|
// Custom two-icon switcher (light / dark) where each icon selects its own
|
|
// theme. The default "light-dark" switcher is a single blind toggle — both
|
|
// icons just flip the theme, so clicking the sun while already in light mode
|
|
// jumps to dark, which reads as broken.
|
|
slots: {
|
|
themeSwitch: ThemeToggle,
|
|
},
|
|
links: [
|
|
{
|
|
type: "icon",
|
|
label: "Join the ktx Slack community",
|
|
icon: <SlackIcon />,
|
|
text: "Slack",
|
|
url: "https://join.slack.com/t/ktxcommunity/shared_invite/zt-3y9b44m1x-LVyNNJD5nwaZHq4XS29LMQ",
|
|
external: true,
|
|
},
|
|
{
|
|
type: "icon",
|
|
label: "Star ktx on GitHub",
|
|
icon: <GitHubStars />,
|
|
text: "GitHub",
|
|
url: GITHUB_REPO_URL,
|
|
external: true,
|
|
},
|
|
],
|
|
};
|