always show header when user on top

elsoul · Oct 17, 2024 · 9a96bb4 · 9a96bb4
1 parent df18a3b
commit 9a96bb4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
@@ -44,7 +44,11 @@ export default async function LocaleLayout({
         className={cn(`${inter.variable} ${notoSansJP.variable}`)}
         suppressHydrationWarning
       >
-        <ThemeProvider attribute="class" defaultTheme="dark">
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="dark"
+          enableSystem={false}
+        >
           <NextIntlClientProvider messages={messages}>
             <SolanaWalletProvider>{children}</SolanaWalletProvider>
             <Toaster />

diff --git a/src/components/config/ModeToggle.tsx b/src/components/config/ModeToggle.tsx
@@ -37,9 +37,6 @@ export function ModeToggle() {
         <DropdownMenuItem onClick={() => setTheme('dark')}>
           {t('common.darkMode')}
         </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme('system')}>
-          {t('common.systemMode')}
-        </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
   )

diff --git a/src/hooks/utils/useShowHeader.tsx b/src/hooks/utils/useShowHeader.tsx
@@ -14,7 +14,7 @@ export function useShowHeader({ defaultShowHeader = true }: Props = {}) {
     const handleScroll = () => {
       const currentScrollY = window.scrollY
 
-      if (currentScrollY < lastScrollY) {
+      if (currentScrollY < 80 || currentScrollY < lastScrollY) {
         setShowHeader(true)
       } else {
         setShowHeader(false)