feat: bring back the deer

This commit is contained in:
Henry Li
2026-01-21 10:31:54 +08:00
parent 220fc1c489
commit 26587ee970
6 changed files with 266 additions and 11 deletions

View File

@@ -1,5 +1,10 @@
"use client";
import { usePathname } from "next/navigation";
import { useTheme } from "next-themes";
import { useMemo } from "react";
import { FlickeringGrid } from "@/components/ui/flickering-grid";
import { ArtifactsProvider } from "@/components/workspace/artifacts";
export default function ChatLayout({
@@ -7,5 +12,35 @@ export default function ChatLayout({
}: {
children: React.ReactNode;
}) {
return <ArtifactsProvider>{children}</ArtifactsProvider>;
const pathname = usePathname();
const isNewThread = useMemo(() => {
return pathname === "/workspace/chats/new";
}, [pathname]);
const { theme, systemTheme } = useTheme();
const currentTheme = theme === "system" ? systemTheme : theme;
return (
<ArtifactsProvider>
{isNewThread && (
<>
<FlickeringGrid
className="absolute inset-0 z-0 translate-y-[2vh] mask-center mask-no-repeat"
squareSize={4}
gridGap={4}
color={currentTheme === "dark" ? "#60A5FA" : "#444"}
maxOpacity={currentTheme === "dark" ? 0.04 : 0.035}
flickerChance={0.1}
/>
<FlickeringGrid
className="absolute inset-0 z-0 translate-y-[2vh] mask-[url(/images/deer.svg)] mask-size-[100vw] mask-center mask-no-repeat md:mask-size-[72vh]"
squareSize={4}
gridGap={4}
color={currentTheme === "dark" ? "#60A5FA" : "#444"}
maxOpacity={currentTheme === "dark" ? 0.15 : 0.13}
flickerChance={0.12}
/>
</>
)}
{children}
</ArtifactsProvider>
);
}