mirror of
https://github.com/hanzoai/sign.git
synced 2026-10-21 01:21:51 +00:00
zooqueen
fb4e3df0e3
The product is branded Hanzo eSign (esign.hanzo.ai, repo hanzoai/esign). Rename all workspace packages @hanzo/sign-* → @hanzo/esign-* (1052 files) and align docker/Dockerfile turbo --scope/--filter to the actual remix package name @hanzo/esign (was a pre-existing mismatch with -remix that broke the build). Protected deps (@hanzo/insights, @hanzo/logo) untouched.
55 lines
1.8 KiB
TypeScript
55 lines
1.8 KiB
TypeScript
import { motion } from 'framer-motion';
|
|
import { Monitor, MoonStar, Sun } from 'lucide-react';
|
|
import { Theme, useTheme } from 'remix-themes';
|
|
|
|
import { useIsMounted } from '@hanzo/esign-lib/client-only/hooks/use-is-mounted';
|
|
|
|
export const ThemeSwitcher = () => {
|
|
const [theme, setTheme] = useTheme();
|
|
const isMounted = useIsMounted();
|
|
|
|
return (
|
|
<div className="bg-muted flex items-center gap-x-1 rounded-full p-1">
|
|
<button
|
|
className="text-muted-foreground relative z-10 flex h-8 w-8 items-center justify-center rounded-full"
|
|
onClick={() => setTheme(Theme.LIGHT)}
|
|
>
|
|
{isMounted && theme === Theme.LIGHT && (
|
|
<motion.div
|
|
className="bg-background absolute inset-0 rounded-full mix-blend-color-burn"
|
|
layoutId="selected-theme"
|
|
/>
|
|
)}
|
|
<Sun className="h-5 w-5" />
|
|
</button>
|
|
|
|
<button
|
|
className="text-muted-foreground relative z-10 flex h-8 w-8 items-center justify-center rounded-full"
|
|
onClick={() => setTheme(Theme.DARK)}
|
|
>
|
|
{isMounted && theme === Theme.DARK && (
|
|
<motion.div
|
|
className="bg-background absolute inset-0 rounded-full mix-blend-exclusion"
|
|
layoutId="selected-theme"
|
|
/>
|
|
)}
|
|
|
|
<MoonStar className="h-5 w-5" />
|
|
</button>
|
|
|
|
<button
|
|
className="text-muted-foreground relative z-10 flex h-8 w-8 items-center justify-center rounded-full"
|
|
onClick={() => setTheme(null)}
|
|
>
|
|
{isMounted && theme === null && (
|
|
<motion.div
|
|
className="bg-background absolute inset-0 rounded-full mix-blend-exclusion"
|
|
layoutId="selected-theme"
|
|
/>
|
|
)}
|
|
<Monitor className="h-5 w-5" />
|
|
</button>
|
|
</div>
|
|
);
|
|
};
|