fix: Fixed client-only issues and theming

do-ob-io · Jul 5, 2024 · 9e46e82 · 9e46e82
1 parent 6e050b2
commit 9e46e82
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 4 deletions.
diff --git a/packages/ui/src/components/Divider/Divider.tsx b/packages/ui/src/components/Divider/Divider.tsx
@@ -1,4 +1,5 @@
-// Divider.tsx
+'use client';
+
 import React from 'react';
 import { DividerProps } from './Divider.types';
 import { cn } from '@do-ob/ui/utility';
@@ -13,7 +14,7 @@ export function Divider({
     <Separator
       orientation={orientation}
       className={cn(
-        'border-background-fg/50',
+        'border-background-fg/50 dark:border-background-dark-fg/50',
         orientation === 'horizontal' ? 'h-px w-full border-t' : 'h-full w-px border-l',
         className
       )}

diff --git a/packages/ui/src/components/Drawer/Drawer.tsx b/packages/ui/src/components/Drawer/Drawer.tsx
@@ -65,7 +65,7 @@ export function Drawer({
       <Modal
 
         className={cn(
-          'fixed min-w-80 transform-gpu overflow-y-auto bg-white shadow-md transition-all duration-500',
+          'fixed min-w-80 transform-gpu overflow-y-auto bg-background shadow-md transition-all duration-500 dark:bg-background-dark',
           directionStyles[direction],
         )}
         style={{

diff --git a/packages/ui/src/context.ts b/packages/ui/src/context.ts
@@ -6,7 +6,7 @@ import { ThemeMode } from '@do-ob/ui/types';
 import { nop } from '@do-ob/core';
 import { createContext } from 'react';
 
-export * from './context/DialogsContext';
+export { DialogContext, DialogDispatchContext } from './context/DialogsContext';
 
 /**
  * Context properties for the do-ob ui provider

diff --git a/packages/ui/src/widgets/Header/HeaderExtended.tsx b/packages/ui/src/widgets/Header/HeaderExtended.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { cn } from '@do-ob/ui/utility';
 import { Toolbar } from 'react-aria-components';
 import { Brand, Navigation, SocialButtons } from '@do-ob/ui/widgets';

diff --git a/packages/ui/src/widgets/Header/HeaderStandard.tsx b/packages/ui/src/widgets/Header/HeaderStandard.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { cn } from '@do-ob/ui/utility';
 import { Brand, Navigation } from '@do-ob/ui/widgets';
 import type { HeaderProps } from './Header.types';

diff --git a/packages/ui/src/widgets/SocialButtons/SocialButtons.tsx b/packages/ui/src/widgets/SocialButtons/SocialButtons.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Group } from 'react-aria-components';
 import { Button } from '@do-ob/ui/components';
 import { Socials } from '@do-ob/ui/types';