Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 16:23:06 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: hydration errors for modifier key

Browse Source
This commit is contained in:
Mythie
2023-11-23 13:57:08 +11:00
parent 9444e0cc67
commit 5de0c464f0
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/web/src/components/(dashboard)/layout/desktop-nav.tsx
View File

@ -1,7 +1,7 @@
'use client'; 'use client';
import type { HTMLAttributes } from 'react'; import type { HTMLAttributes } from 'react';
import { useState } from 'react'; import { useEffect, useState } from 'react';
import { Search } from 'lucide-react'; import { Search } from 'lucide-react';
@ -15,11 +15,14 @@ export type DesktopNavProps = HTMLAttributes<HTMLDivElement>;
export const DesktopNav = ({ className, ...props }: DesktopNavProps) => { export const DesktopNav = ({ className, ...props }: DesktopNavProps) => {
// const pathname = usePathname(); // const pathname = usePathname();
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [modifierKey, setModifierKey] = useState(() => 'Ctrl');
useEffect(() => {
const userAgent = typeof navigator !== 'undefined' ? navigator.userAgent : 'unknown'; const userAgent = typeof navigator !== 'undefined' ? navigator.userAgent : 'unknown';
const isMacOS = /Macintosh|Mac\s+OS\s+X/i.test(userAgent); const isMacOS = /Macintosh|Mac\s+OS\s+X/i.test(userAgent);
const modifierKey = isMacOS ? '⌘' : 'Ctrl';
setModifierKey(isMacOS ? '⌘' : 'Ctrl');
}, []);
return ( return (
<div <div
@ -39,7 +42,7 @@ export const DesktopNav = ({ className, ...props }: DesktopNavProps) => {
</div> </div>
<div> <div>
<div className="text-muted-foreground bg-muted rounded-md px-1.5 py-0.5 font-mono text-xs"> <div className="text-muted-foreground bg-muted flex items-center rounded-md px-1.5 py-0.5 text-xs tracking-wider">
{modifierKey}+K {modifierKey}+K
</div> </div>
</div> </div>