MythEclipse/imphnen-frontend-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: movee landing providers

Browse Source
This commit is contained in:
arraysid
2025-05-27 02:12:16 +07:00
parent f05fd5331d
commit 6819c24c6a
5 changed files with 27 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/landing/src/app/(public)/_components/header.tsx
+2 -2
View File
@@ -6,7 +6,7 @@ import Image from 'next/image';
import Link from 'next/link'; import Link from 'next/link';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { SimpleThemeToggle } from './simple-theme-toggle'; import { ThemeToggle } from './theme-toggle';
export function Header() { export function Header() {
const router = useRouter(); const router = useRouter();
@@ -82,7 +82,7 @@ export function Header() {
</nav> </nav>
<div className="flex items-center gap-x-2"> <div className="flex items-center gap-x-2">
<SimpleThemeToggle /> <ThemeToggle />
<Button <Button
className="group relative w-full sm:w-auto bg-gradient-to-r from-primary to-blue-600 hover:from-primary/90 hover:to-blue-600/90 transition-all duration-300 font-bold text-white hover:text-white/90 shadow-lg cursor-pointer" className="group relative w-full sm:w-auto bg-gradient-to-r from-primary to-blue-600 hover:from-primary/90 hover:to-blue-600/90 transition-all duration-300 font-bold text-white hover:text-white/90 shadow-lg cursor-pointer"
apps/landing/src/app/(public)/_components/theme-provider.tsx
-8
View File
@@ -1,8 +0,0 @@
'use client';
import type { ThemeProviderProps } from 'next-themes';
import { ThemeProvider as NextThemesProvider } from 'next-themes';
export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
}
apps/landing/src/app/(public)/_components/simple-theme-toggle.tsx → apps/landing/src/app/(public)/_components/theme-toggle.tsx
+1 -1
View File
@@ -4,7 +4,7 @@ import { Button, MoonIcon, SunIcon } from '@components';
import { useTheme } from 'next-themes'; import { useTheme } from 'next-themes';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
export function SimpleThemeToggle() { export function ThemeToggle() {
const { theme, setTheme } = useTheme(); const { theme, setTheme } = useTheme();
const [mounted, setMounted] = useState(false); const [mounted, setMounted] = useState(false);
apps/landing/src/app/_components/providers.tsx
+21
View File
@@ -0,0 +1,21 @@
'use client';
import type { ThemeProviderProps } from 'next-themes';
import { ThemeProvider as NextThemesProvider } from 'next-themes';
export function Providers({ children }: ThemeProviderProps) {
return (
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
{children}
</ThemeProvider>
);
}
function ThemeProvider({ children, ...props }: ThemeProviderProps) {
return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
}
apps/landing/src/app/layout.tsx
+3 -3
View File
@@ -1,7 +1,7 @@
import '@/styles/globals.css'; import '@/styles/globals.css';
import { type Metadata } from 'next'; import { type Metadata } from 'next';
import { Inter } from 'next/font/google'; import { Inter } from 'next/font/google';
import { ThemeProvider } from './(public)/_components/theme-provider'; import { Providers } from './_components/providers';
const inter = Inter({ subsets: ['latin'] }); const inter = Inter({ subsets: ['latin'] });
@@ -18,14 +18,14 @@ export default function RootLayout({
return ( return (
<html lang="id" suppressHydrationWarning> <html lang="id" suppressHydrationWarning>
<body className={inter.className}> <body className={inter.className}>
<ThemeProvider <Providers
attribute="class" attribute="class"
defaultTheme="system" defaultTheme="system"
enableSystem enableSystem
disableTransitionOnChange disableTransitionOnChange
> >
{children} {children}
</ThemeProvider> </Providers>
</body> </body>
</html> </html>
); );