aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/docs/components/SiteSwitcher.tsx
diff options
context:
space:
mode:
author简律纯 <i@jyunko.cn>2023-11-03 21:13:33 +0800
committer简律纯 <i@jyunko.cn>2023-11-03 21:13:33 +0800
commit9f0d43fe099a95ab1516ae951dcb60a89e76a5a5 (patch)
tree51614fe47bff8bb11028a07d4a35c34c9ff6594a /docs/components/SiteSwitcher.tsx
parent8f135707d069c900e055dae71e69909d6b9a41bb (diff)
downloadHydroRoll-9f0d43fe099a95ab1516ae951dcb60a89e76a5a5.tar.gz
HydroRoll-9f0d43fe099a95ab1516ae951dcb60a89e76a5a5.zip
chore: delete useless codes
Diffstat (limited to 'docs/components/SiteSwitcher.tsx')
-rw-r--r--docs/components/SiteSwitcher.tsx66
1 files changed, 0 insertions, 66 deletions
diff --git a/docs/components/SiteSwitcher.tsx b/docs/components/SiteSwitcher.tsx
deleted file mode 100644
index 6f6ba15..0000000
--- a/docs/components/SiteSwitcher.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import cn from "classnames";
-import { useRouter } from "next/router";
-import Link from "next/link";
-
-export type TurboSite = "TRPG" | "AI";
-
-export function useTurboSite(): TurboSite | undefined {
- const { pathname } = useRouter();
-
- if (pathname.startsWith("/AI")) {
- return "AI";
- }
-
- if (pathname.startsWith("/TRPG")) {
- return "TRPG";
- }
-
- return undefined;
-}
-
-function SiteSwitcherLink({ href, text, isActive }) {
- const classes =
- "py-1 transition-colors duration-300 inline-block w-[50px] cursor-pointer hover:text-black dark:hover:text-white";
-
- const conditionalClasses = {
- "text-black dark:text-white": !!isActive,
- };
-
- return (
- <Link href={href} className={cn(classes, conditionalClasses)}>
- {text}
- </Link>
- );
-}
-
-function SiteSwitcher() {
- const site = useTurboSite();
-
- return (
- <div className="relative flex items-center justify-between p-2 text-xl group">
- <span
- className={cn(
- "flex h-[34px] w-[100px] flex-shrink-0 items-center rounded-[8px] border border-[#dedfde] dark:border-[#333333] p-1 duration-300 ease-in-out",
- "after:h-[24px] after:w-[44px] after:rounded-md dark:after:bg-[#333333] after:shadow-sm after:duration-300 after:border dark:after:border-[#333333] after:border-[#666666]/100 after:bg-gradient-to-b after:from-[#3286F1] after:to-[#C33AC3] after:opacity-20 dark:after:opacity-100 dark:after:bg-none",
- "indeterminate:after:hidden",
- {
- "after:hidden": !site,
- "after:translate-x-[46px]": site === "TRPG",
- }
- )}
- />
-
- <span
- className={cn(
- "z-50 absolute p-1 text-sm flex justify-between text-center w-[100px] text-[#666666] dark:text-[#888888]",
- { "hover:text-black dark:hover:text-white": site }
- )}
- >
- <SiteSwitcherLink href="/AI" text="AI" isActive={site === "AI"} />
- <SiteSwitcherLink href="/TRPG" text="TRPG" isActive={site === "TRPG"} />
- </span>
- </div>
- );
-}
-
-export default SiteSwitcher;