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

feat: add react query support

Browse Source
This commit is contained in:
arraysid
2025-05-27 03:40:32 +07:00
parent e6f1b80cd3
commit 6c640f1cd4
3 changed files with 93 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/landing/src/app/(public)/_components/header.tsx
+4 -4
View File
@@ -49,7 +49,7 @@ export function Header() {
<nav className="hidden md:flex items-center gap-8"> <nav className="hidden md:flex items-center gap-8">
<Link href="#fitur" className="text-sm font-medium relative group"> <Link href="#fitur" className="text-sm font-medium relative group">
<span className="transition-colors hover:text-primary">Fitur</span> <span className="transition-colors hover:text-primary">Fitur</span>
<span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary transition-all duration-300 group-hover:w-full"></span> <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary-500 transition-all duration-300 group-hover:w-full"></span>
</Link> </Link>
<Link <Link
href="#komunitas" href="#komunitas"
@@ -58,7 +58,7 @@ export function Header() {
<span className="transition-colors hover:text-primary"> <span className="transition-colors hover:text-primary">
Komunitas Komunitas
</span> </span>
<span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary transition-all duration-300 group-hover:w-full"></span> <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary-500 transition-all duration-300 group-hover:w-full"></span>
</Link> </Link>
<Link <Link
href="#sumber-belajar" href="#sumber-belajar"
@@ -67,7 +67,7 @@ export function Header() {
<span className="transition-colors hover:text-primary"> <span className="transition-colors hover:text-primary">
Sumber Belajar Sumber Belajar
</span> </span>
<span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary transition-all duration-300 group-hover:w-full"></span> <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary-500 transition-all duration-300 group-hover:w-full"></span>
</Link> </Link>
<Link <Link
href="#testimoni" href="#testimoni"
@@ -76,7 +76,7 @@ export function Header() {
<span className="transition-colors hover:text-primary"> <span className="transition-colors hover:text-primary">
Testimoni Testimoni
</span> </span>
<span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary transition-all duration-300 group-hover:w-full"></span> <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary-500 transition-all duration-300 group-hover:w-full"></span>
</Link> </Link>
</nav> </nav>
apps/landing/src/app/_components/logo.tsx
+69
View File
File diff suppressed because one or more lines are too long
apps/landing/src/app/_components/providers.tsx
+20 -8
View File
@@ -1,18 +1,30 @@
'use client'; 'use client';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import type { ThemeProviderProps } from 'next-themes'; import type { ThemeProviderProps } from 'next-themes';
import { ThemeProvider as NextThemesProvider } from 'next-themes'; import { ThemeProvider as NextThemesProvider } from 'next-themes';
import { ReactNode } from 'react';
export function Providers({ children }: ThemeProviderProps) { export function Providers({ children }: ThemeProviderProps) {
return ( return (
<ThemeProvider <QueryProvider>
attribute="class" <ThemeProvider
defaultTheme="system" attribute="class"
enableSystem defaultTheme="light"
disableTransitionOnChange enableSystem
> disableTransitionOnChange
{children} >
</ThemeProvider> {children}
</ThemeProvider>
</QueryProvider>
);
}
export const queryClient = new QueryClient();
function QueryProvider({ children }: { children: ReactNode }) {
return (
<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
); );
} }