Merge pull request 'nico/23-feb-26/dark-mode-implementation' (#67) from nico/23-feb-26/dark-mode-implementation into nico/fix-page

Reviewed-on: #67

prisma/schema.prisma

@@ -236,7 +236,7 @@ model PrestasiDesa {
   imageId    String?
   createdAt  DateTime             @default(now())
   updatedAt  DateTime             @updatedAt
-  deletedAt  DateTime?
+  deletedAt  DateTime             @default(now())
   isActive   Boolean              @default(true)
 }
 
@@ -245,7 +245,7 @@ model KategoriPrestasiDesa {
   name         String         @unique
   createdAt    DateTime       @default(now())
   updatedAt    DateTime       @updatedAt
-  deletedAt    DateTime?
+  deletedAt    DateTime       @default(now())
   isActive     Boolean        @default(true)
   PrestasiDesa PrestasiDesa[]
 }
@@ -263,7 +263,7 @@ model Responden {
   kelompokUmurId String
   createdAt      DateTime               @default(now())
   updatedAt      DateTime               @updatedAt
-  deletedAt  DateTime?
+  deletedAt      DateTime               @default(now())
   isActive       Boolean                @default(true)
 }
 
@@ -272,7 +272,7 @@ model JenisKelaminResponden {
   name      String      @unique
   createdAt DateTime    @default(now())
   updatedAt DateTime    @updatedAt
-  deletedAt  DateTime?
+  deletedAt DateTime    @default(now())
   isActive  Boolean     @default(true)
   Responden Responden[]
 }
@@ -282,7 +282,7 @@ model PilihanRatingResponden {
   name      String      @unique
   createdAt DateTime    @default(now())
   updatedAt DateTime    @updatedAt
-  deletedAt  DateTime?
+  deletedAt DateTime    @default(now())
   isActive  Boolean     @default(true)
   Responden Responden[]
 }
@@ -292,7 +292,7 @@ model UmurResponden {
   name      String      @unique
   createdAt DateTime    @default(now())
   updatedAt DateTime    @updatedAt
-  deletedAt  DateTime?
+  deletedAt DateTime    @default(now())
   isActive  Boolean     @default(true)
   Responden Responden[]
 }
@@ -326,7 +326,6 @@ model PosisiOrganisasiPPID {
   isActive               Boolean                  @default(true)
   createdAt              DateTime                 @default(now())
   updatedAt              DateTime                 @updatedAt
-  deletedAt              DateTime?
   parent                 PosisiOrganisasiPPID?    @relation("Parent", fields: [parentId], references: [id])
   children               PosisiOrganisasiPPID[]   @relation("Parent")
   StrukturOrganisasiPPID StrukturOrganisasiPPID[]
@@ -346,7 +345,6 @@ model PegawaiPPID {
   isActive               Boolean                  @default(true)
   createdAt              DateTime                 @default(now())
   updatedAt              DateTime                 @updatedAt
-  deletedAt              DateTime?
   posisi                 PosisiOrganisasiPPID     @relation(fields: [posisiId], references: [id])
   strukturOrganisasi     StrukturPPID[] // Relasi balik
   StrukturOrganisasiPPID StrukturOrganisasiPPID[]
@@ -372,7 +370,7 @@ model VisiMisiPPID {
   misi      String   @db.Text
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
-  deletedAt DateTime?
+  deletedAt DateTime @default(now())
   isActive  Boolean  @default(true)
 }
 
@@ -383,7 +381,7 @@ model DasarHukumPPID {
   content   String   @db.Text
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
-  deletedAt DateTime?
+  deletedAt DateTime @default(now())
   isActive  Boolean  @default(true)
 }
 
@@ -400,7 +398,7 @@ model ProfilePPID {
   imageId    String?
   createdAt  DateTime     @default(now())
   updatedAt  DateTime     @updatedAt
-  deletedAt  DateTime?
+  deletedAt  DateTime     @default(now())
   isActive   Boolean      @default(true)
 }
 
@@ -412,7 +410,7 @@ model DaftarInformasiPublik {
   tanggal        DateTime @db.Date
   createdAt      DateTime @default(now())
   updatedAt      DateTime @updatedAt
-  deletedAt      DateTime?
+  deletedAt      DateTime @default(now())
   isActive       Boolean  @default(true)
 }
 
@@ -433,7 +431,7 @@ model PermohonanInformasiPublik {
   caraMemperolehSalinanInformasiId String?
   createdAt                        DateTime                        @default(now())
   updatedAt                        DateTime                        @updatedAt
-  deletedAt                        DateTime?
+  deletedAt                        DateTime                        @default(now())
   isActive                         Boolean                         @default(true)
 }
 
@@ -442,7 +440,7 @@ model JenisInformasiDiminta {
   name                      String                      @unique
   createdAt                 DateTime                    @default(now())
   updatedAt                 DateTime                    @updatedAt
-  deletedAt                 DateTime?
+  deletedAt                 DateTime                    @default(now())
   isActive                  Boolean                     @default(true)
   PermohonanInformasiPublik PermohonanInformasiPublik[]
 }
@@ -452,7 +450,7 @@ model CaraMemperolehInformasi {
   name                      String                      @unique
   createdAt                 DateTime                    @default(now())
   updatedAt                 DateTime                    @updatedAt
-  deletedAt                 DateTime?
+  deletedAt                 DateTime                    @default(now())
   isActive                  Boolean                     @default(true)
   PermohonanInformasiPublik PermohonanInformasiPublik[]
 }
@@ -462,7 +460,7 @@ model CaraMemperolehSalinanInformasi {
   name                      String                      @unique
   createdAt                 DateTime                    @default(now())
   updatedAt                 DateTime                    @updatedAt
-  deletedAt                 DateTime?
+  deletedAt                 DateTime                    @default(now())
   isActive                  Boolean                     @default(true)
   PermohonanInformasiPublik PermohonanInformasiPublik[]
 }
@@ -476,7 +474,7 @@ model FormulirPermohonanKeberatan {
   alasan    String
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
-  deletedAt DateTime?
+  deletedAt DateTime @default(now())
   isActive  Boolean  @default(true)
 }
 

prisma/seed.ts

@@ -69,8 +69,8 @@ import { seedProfilPpd } from "./_seeder_list/ppid/profil-ppid/seed_profil_ppd";
 
 (async () => {
   // Always run seedAssets to handle new images without duplication
-  console.log("📂 Checking for new assets to seed...");
-  await seedAssets();
+  // console.log("📂 Checking for new assets to seed...");
+  // await seedAssets();
 
   // // =========== FILE STORAGE ===========
 

src/app/darmasaba/_com/main-page/landing-page/ModuleView.tsx

@@ -10,7 +10,8 @@ import {
   SimpleGrid,
   Skeleton,
   Stack,
-  Text
+  Text,
+  useMantineColorScheme
 } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { Prisma } from "@prisma/client";
@@ -23,6 +24,8 @@ type ProgramInovasiItem = Prisma.ProgramInovasiGetPayload<{ include: { image: tr
 
 function ModuleItem({ data }: { data: ProgramInovasiItem }) {
   const router = useTransitionRouter();
+  const { colorScheme } = useMantineColorScheme();
+  const isDark = colorScheme === "dark";
 
   return (
     <motion.div whileHover={{ scale: 1.03 }}>
@@ -34,7 +37,7 @@ function ModuleItem({ data }: { data: ProgramInovasiItem }) {
         role="button"
         tabIndex={0}
         className="cursor-pointer transition-all"
-        bg="white"
+        bg={isDark ? "dark.6" : "white"}
       >
         <Center h={160}>
           {data.image?.link ? (

src/app/darmasaba/layout.tsx

@@ -1,32 +1,25 @@
-"use client";
-
 import colors from "@/con/colors";
-import { MantineProvider, createTheme } from "@mantine/core";
 import { Box, Space, Stack } from "@mantine/core";
 
 import { Navbar } from "@/app/darmasaba/_com/Navbar";
 import Footer from "./_com/Footer";
 
-const theme = createTheme({
-  defaultColorScheme: "light",
-});
+
 
 export default function Layout({ children }: { children: React.ReactNode }) {
     return (
-        <MantineProvider theme={theme} defaultColorScheme="light">
-            <Stack gap={0} bg={colors.grey[1]}>
-                <Navbar />
-                <Space h={{
-                    base: "3.9rem",
-                    md: "2.5rem"
-                }} />
-                <Box style={{
-                    overflow: "scroll"
-                }}>
-                    {children}
-                </Box>
-                <Footer />
-            </Stack>
-        </MantineProvider>
+        <Stack gap={0} bg={colors.grey[1]}>
+            <Navbar />
+            <Space h={{
+                base: "3.9rem",
+                md: "2.5rem"
+            }} />
+            <Box style={{
+                overflow: "scroll"
+            }}>
+                {children}
+            </Box>
+            <Footer />
+        </Stack>
     )
 }

src/app/layout.tsx

@@ -98,16 +98,16 @@ export default function RootLayout({
       <html lang="id" {...mantineHtmlProps}>
         <head>
           <meta charSet="utf-8" />
-          <ColorSchemeScript defaultColorScheme="light" />
+          <ColorSchemeScript />
         </head>
         <body>
-          <MantineProvider theme={theme} defaultColorScheme="light">
+          <MantineProvider theme={theme}>
             {children}
             <LoadDataFirstClient />
-            <ToastContainer
-              position="bottom-center"
-              hideProgressBar
-              style={{ zIndex: 9999 }}
+            <ToastContainer 
+              position="bottom-center" 
+              hideProgressBar 
+              style={{ zIndex: 9999 }} 
             />
           </MantineProvider>
         </body>

src/state/darkModeStore.ts

@@ -21,18 +21,17 @@ import { proxy, useSnapshot } from 'valtio';
 
 const STORAGE_KEY = 'darmasaba-admin-dark-mode';
 
-// Initialize from localStorage or default to light mode
+// Initialize from localStorage or system preference
 const getInitialDarkMode = (): boolean => {
   if (typeof window === 'undefined') return false;
-
+  
   const stored = localStorage.getItem(STORAGE_KEY);
   if (stored !== null) {
     return stored === 'true';
   }
-
-  // Default to light mode for first-time users
-  // System preference is NOT used as default to ensure consistent UX
-  return false;
+  
+  // Fallback to system preference
+  return window.matchMedia('(prefers-color-scheme: dark)').matches;
 };
 
 class DarkModeStore {