mirror of
https://github.com/documenso/documenso.git
synced 2026-07-15 15:27:10 +10:00
ephraimduncan
138d663c25
Merge origin/main into feat/external-2fa-codes. Resolve formatting conflicts caused by biome rollout; preserve both feature streams: PR's external 2FA token + signing-session 2FA proof additions plus main's RateLimit/RecipientExpired/signingReminders/date-auto-insert. In complete-document-with-token.ts, drop the duplicate early field-fetching block introduced when main moved that logic later with date auto-insert support; keep the EXTERNAL_TWO_FACTOR_AUTH check using derivedRecipientActionAuth.
54 lines
1.8 KiB
TypeScript
54 lines
1.8 KiB
TypeScript
import { useIsMounted } from '@documenso/lib/client-only/hooks/use-is-mounted';
|
|
import { motion } from 'framer-motion';
|
|
import { Monitor, MoonStar, Sun } from 'lucide-react';
|
|
import { Theme, useTheme } from 'remix-themes';
|
|
|
|
export const ThemeSwitcher = () => {
|
|
const [theme, setTheme] = useTheme();
|
|
const isMounted = useIsMounted();
|
|
|
|
return (
|
|
<div className="flex items-center gap-x-1 rounded-full bg-muted p-1">
|
|
<button
|
|
className="relative z-10 flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground"
|
|
onClick={() => setTheme(Theme.LIGHT)}
|
|
>
|
|
{isMounted && theme === Theme.LIGHT && (
|
|
<motion.div
|
|
className="absolute inset-0 rounded-full bg-background mix-blend-color-burn"
|
|
layoutId="selected-theme"
|
|
/>
|
|
)}
|
|
<Sun className="h-5 w-5" />
|
|
</button>
|
|
|
|
<button
|
|
className="relative z-10 flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground"
|
|
onClick={() => setTheme(Theme.DARK)}
|
|
>
|
|
{isMounted && theme === Theme.DARK && (
|
|
<motion.div
|
|
className="absolute inset-0 rounded-full bg-background mix-blend-exclusion"
|
|
layoutId="selected-theme"
|
|
/>
|
|
)}
|
|
|
|
<MoonStar className="h-5 w-5" />
|
|
</button>
|
|
|
|
<button
|
|
className="relative z-10 flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground"
|
|
onClick={() => setTheme(null)}
|
|
>
|
|
{isMounted && theme === null && (
|
|
<motion.div
|
|
className="absolute inset-0 rounded-full bg-background mix-blend-exclusion"
|
|
layoutId="selected-theme"
|
|
/>
|
|
)}
|
|
<Monitor className="h-5 w-5" />
|
|
</button>
|
|
</div>
|
|
);
|
|
};
|