projectmoon
/
perplexica
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(theme-components): use default exports

This commit is contained in:
ItzCrazyKns 2024-05-31 11:02:00 +05:30
parent 90f9edea95
commit dcbcab3122
No known key found for this signature in database
GPG Key ID: 8162927C7CCE3065
6 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/app/layout.tsx
View File

@ -4,7 +4,7 @@ import './globals.css';
import { cn } from '@/lib/utils'; import { cn } from '@/lib/utils';
import Sidebar from '@/components/Sidebar'; import Sidebar from '@/components/Sidebar';
import { Toaster } from 'sonner'; import { Toaster } from 'sonner';
import { ThemeProviderComponent } from '@/components/theme/Provider'; import ThemeProvider from '@/components/theme/Provider';
const montserrat = Montserrat({ const montserrat = Montserrat({
weight: ['300', '400', '500', '700'], weight: ['300', '400', '500', '700'],
@ -27,7 +27,7 @@ export default function RootLayout({
return ( return (
<html className="h-full" lang="en" suppressHydrationWarning> <html className="h-full" lang="en" suppressHydrationWarning>
<body className={cn('h-full', montserrat.className)}> <body className={cn('h-full', montserrat.className)}>
<ThemeProviderComponent> <ThemeProvider>
<Sidebar>{children}</Sidebar> <Sidebar>{children}</Sidebar>
<Toaster <Toaster
toastOptions={{ toastOptions={{
@ -38,7 +38,7 @@ export default function RootLayout({
}, },
}} }}
/> />
</ThemeProviderComponent> </ThemeProvider>
</body> </body>
</html> </html>
); );

2
ui/components/EmptyChat.tsx
View File

@ -1,5 +1,5 @@
import EmptyChatMessageInput from './EmptyChatMessageInput'; import EmptyChatMessageInput from './EmptyChatMessageInput';
import { ThemeSwitcher } from './theme/Switcher'; import ThemeSwitcher from './theme/Switcher';
const EmptyChat = ({ const EmptyChat = ({
sendMessage, sendMessage,

2
ui/components/Navbar.tsx
View File

@ -2,7 +2,7 @@ import { Clock, Edit, Share, Trash } from 'lucide-react';
import { Message } from './ChatWindow'; import { Message } from './ChatWindow';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { formatTimeDifference } from '@/lib/utils'; import { formatTimeDifference } from '@/lib/utils';
import { ThemeSwitcher } from './theme/Switcher'; import ThemeSwitcher from './theme/Switcher';
const Navbar = ({ messages }: { messages: Message[] }) => { const Navbar = ({ messages }: { messages: Message[] }) => {
const [title, setTitle] = useState<string>(''); const [title, setTitle] = useState<string>('');

5
ui/components/Sidebar.tsx
View File

@ -4,11 +4,10 @@ import { cn } from '@/lib/utils';
import { BookOpenText, Home, Search, SquarePen, Settings } from 'lucide-react'; import { BookOpenText, Home, Search, SquarePen, Settings } from 'lucide-react';
import Link from 'next/link'; import Link from 'next/link';
import { useSelectedLayoutSegments } from 'next/navigation'; 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 Layout from './Layout';
import { Dialog, Transition } from '@headlessui/react';
import SettingsDialog from './SettingsDialog'; import SettingsDialog from './SettingsDialog';
import { ThemeSwitcher } from './theme/Switcher'; import ThemeSwitcher from './theme/Switcher';
const VerticalIconContainer = ({ children }: { children: ReactNode }) => { const VerticalIconContainer = ({ children }: { children: ReactNode }) => {
return ( return (

4
ui/components/theme/Provider.tsx
View File

@ -1,7 +1,7 @@
'use client'; 'use client';
import { ThemeProvider } from 'next-themes'; import { ThemeProvider } from 'next-themes';
export const ThemeProviderComponent = ({ const ThemeProviderComponent = ({
children, children,
}: { }: {
children: React.ReactNode; children: React.ReactNode;
@ -12,3 +12,5 @@ export const ThemeProviderComponent = ({
</ThemeProvider> </ThemeProvider>
); );
}; };
export default ThemeProviderComponent;

4
ui/components/theme/Switcher.tsx
View File

@ -11,7 +11,7 @@ interface ThemeSwitcherProps {
className?: string; className?: string;
} }
export const ThemeSwitcher = ({ size, className }: ThemeSwitcherProps) => { const ThemeSwitcher = ({ size, className }: ThemeSwitcherProps) => {
const [mounted, setMounted] = useState(false); const [mounted, setMounted] = useState(false);
const { theme, setTheme } = useTheme(); const { theme, setTheme } = useTheme();
@ -70,3 +70,5 @@ export const ThemeSwitcher = ({ size, className }: ThemeSwitcherProps) => {
/> />
); );
}; };
export default ThemeSwitcher;