mirror of
				https://github.com/ItzCrazyKns/Perplexica.git
				synced 2025-11-03 20:28:14 +00:00 
			
		
		
		
	feat(theme-components): use default exports
This commit is contained in:
		@@ -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 (
 | 
			
		||||
    <html className="h-full" lang="en" suppressHydrationWarning>
 | 
			
		||||
      <body className={cn('h-full', montserrat.className)}>
 | 
			
		||||
        <ThemeProviderComponent>
 | 
			
		||||
        <ThemeProvider>
 | 
			
		||||
          <Sidebar>{children}</Sidebar>
 | 
			
		||||
          <Toaster
 | 
			
		||||
            toastOptions={{
 | 
			
		||||
@@ -38,7 +38,7 @@ export default function RootLayout({
 | 
			
		||||
              },
 | 
			
		||||
            }}
 | 
			
		||||
          />
 | 
			
		||||
        </ThemeProviderComponent>
 | 
			
		||||
        </ThemeProvider>
 | 
			
		||||
      </body>
 | 
			
		||||
    </html>
 | 
			
		||||
  );
 | 
			
		||||
 
 | 
			
		||||
@@ -1,5 +1,5 @@
 | 
			
		||||
import EmptyChatMessageInput from './EmptyChatMessageInput';
 | 
			
		||||
import { ThemeSwitcher } from './theme/Switcher';
 | 
			
		||||
import ThemeSwitcher from './theme/Switcher';
 | 
			
		||||
 | 
			
		||||
const EmptyChat = ({
 | 
			
		||||
  sendMessage,
 | 
			
		||||
 
 | 
			
		||||
@@ -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<string>('');
 | 
			
		||||
 
 | 
			
		||||
@@ -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 (
 | 
			
		||||
 
 | 
			
		||||
@@ -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 = ({
 | 
			
		||||
    </ThemeProvider>
 | 
			
		||||
  );
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export default ThemeProviderComponent;
 | 
			
		||||
 
 | 
			
		||||
@@ -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;
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user