diff --git a/ui/app/layout.tsx b/ui/app/layout.tsx
index f391ec0..2edbf94 100644
--- a/ui/app/layout.tsx
+++ b/ui/app/layout.tsx
@@ -4,7 +4,7 @@ import './globals.css';
import { cn } from '@/lib/utils';
import Sidebar from '@/components/Sidebar';
import { Toaster } from 'sonner';
-import { ThemeProviderComponent } from '@/components/theme/Provider';
+import ThemeProvider from '@/components/theme/Provider';
const montserrat = Montserrat({
weight: ['300', '400', '500', '700'],
@@ -27,7 +27,7 @@ export default function RootLayout({
return (
-
+
{children}
-
+
);
diff --git a/ui/components/EmptyChat.tsx b/ui/components/EmptyChat.tsx
index b947404..2aade48 100644
--- a/ui/components/EmptyChat.tsx
+++ b/ui/components/EmptyChat.tsx
@@ -1,5 +1,5 @@
import EmptyChatMessageInput from './EmptyChatMessageInput';
-import { ThemeSwitcher } from './theme/Switcher';
+import ThemeSwitcher from './theme/Switcher';
const EmptyChat = ({
sendMessage,
diff --git a/ui/components/Navbar.tsx b/ui/components/Navbar.tsx
index c64dbd0..0123267 100644
--- a/ui/components/Navbar.tsx
+++ b/ui/components/Navbar.tsx
@@ -2,7 +2,7 @@ import { Clock, Edit, Share, Trash } from 'lucide-react';
import { Message } from './ChatWindow';
import { useEffect, useState } from 'react';
import { formatTimeDifference } from '@/lib/utils';
-import { ThemeSwitcher } from './theme/Switcher';
+import ThemeSwitcher from './theme/Switcher';
const Navbar = ({ messages }: { messages: Message[] }) => {
const [title, setTitle] = useState('');
diff --git a/ui/components/Sidebar.tsx b/ui/components/Sidebar.tsx
index bdbadae..88a8b35 100644
--- a/ui/components/Sidebar.tsx
+++ b/ui/components/Sidebar.tsx
@@ -4,11 +4,10 @@ import { cn } from '@/lib/utils';
import { BookOpenText, Home, Search, SquarePen, Settings } from 'lucide-react';
import Link from 'next/link';
import { useSelectedLayoutSegments } from 'next/navigation';
-import React, { Fragment, useState, type ReactNode } from 'react';
+import React, { useState, type ReactNode } from 'react';
import Layout from './Layout';
-import { Dialog, Transition } from '@headlessui/react';
import SettingsDialog from './SettingsDialog';
-import { ThemeSwitcher } from './theme/Switcher';
+import ThemeSwitcher from './theme/Switcher';
const VerticalIconContainer = ({ children }: { children: ReactNode }) => {
return (
diff --git a/ui/components/theme/Provider.tsx b/ui/components/theme/Provider.tsx
index fdc94f5..43e2714 100644
--- a/ui/components/theme/Provider.tsx
+++ b/ui/components/theme/Provider.tsx
@@ -1,7 +1,7 @@
'use client';
import { ThemeProvider } from 'next-themes';
-export const ThemeProviderComponent = ({
+const ThemeProviderComponent = ({
children,
}: {
children: React.ReactNode;
@@ -12,3 +12,5 @@ export const ThemeProviderComponent = ({
);
};
+
+export default ThemeProviderComponent;
diff --git a/ui/components/theme/Switcher.tsx b/ui/components/theme/Switcher.tsx
index 8e59493..d4b0941 100644
--- a/ui/components/theme/Switcher.tsx
+++ b/ui/components/theme/Switcher.tsx
@@ -11,7 +11,7 @@ interface ThemeSwitcherProps {
className?: string;
}
-export const ThemeSwitcher = ({ size, className }: ThemeSwitcherProps) => {
+const ThemeSwitcher = ({ size, className }: ThemeSwitcherProps) => {
const [mounted, setMounted] = useState(false);
const { theme, setTheme } = useTheme();
@@ -70,3 +70,5 @@ export const ThemeSwitcher = ({ size, className }: ThemeSwitcherProps) => {
/>
);
};
+
+export default ThemeSwitcher;