From 9e46e8281d4867c30afef235e6f31f18a1175cca Mon Sep 17 00:00:00 2001
From: "eric.crowell" <eric.crowell@ecrow.dev>
Date: Fri, 5 Jul 2024 21:31:39 +0200
Subject: [PATCH] fix: Fixed client-only issues and theming

---
 packages/ui/src/components/Divider/Divider.tsx          | 5 +++--
 packages/ui/src/components/Drawer/Drawer.tsx            | 2 +-
 packages/ui/src/context.ts                              | 2 +-
 packages/ui/src/widgets/Header/HeaderExtended.tsx       | 2 ++
 packages/ui/src/widgets/Header/HeaderStandard.tsx       | 2 ++
 packages/ui/src/widgets/SocialButtons/SocialButtons.tsx | 2 ++
 6 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/components/Divider/Divider.tsx b/packages/ui/src/components/Divider/Divider.tsx
index 4da97a4..923eed7 100644
--- 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
index 1459090..186a11e 100644
--- 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
index 25cee85..e03ff7d 100644
--- 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
index a53fd68..07b737a 100644
--- 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
index 3e51a6c..e6d7b19 100644
--- 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
index 75fe4af..54d1320 100644
--- 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';