tambahannya

src/app/darmasaba/(pages)/desa/[sub]/page.tsx

@@ -0,0 +1,8 @@
+
+
+export default async function Page({ params }: { params: Promise<{ sub: string }> }) {
+    const { sub } = await params
+    return <div>
+        {sub}
+    </div>
+}

src/app/darmasaba/(pages)/desa/page.tsx

@@ -0,0 +1,7 @@
+import { Stack } from "@mantine/core";
+
+export default function Page() {
+    return <Stack>
+        desa
+    </Stack>
+}

src/app/darmasaba/(pages)/ekonomi/[sub]/page.tsx

@@ -0,0 +1,5 @@
+export default function Page() {
+    return <div>
+        ekonomi
+    </div>
+}

src/app/darmasaba/(pages)/ekonomi/page.tsx

@@ -0,0 +1,8 @@
+import { Stack } from "@mantine/core";
+
+export default async function Page({ params }: { params: Promise<{ sub: string }> }) {
+    const { sub } = await params
+    return <Stack>
+        {sub}
+    </Stack>
+}

src/app/darmasaba/(pages)/inovasi/[sub]/page.tsx

@@ -0,0 +1,6 @@
+export default async function Page({ params }: { params: Promise<{ sub: string }> }) {
+    const { sub } = await params
+    return <div>
+        {sub}
+    </div>
+}   

src/app/darmasaba/(pages)/inovasi/page.tsx

@@ -0,0 +1,7 @@
+import { Stack } from "@mantine/core";
+
+export default function Page() {
+    return <Stack>
+        inovasi
+    </Stack>
+}

src/app/darmasaba/(pages)/keamanan/[sub]/page.tsx

@@ -0,0 +1,8 @@
+export default async function Page({ params }: { params: Promise<{ sub: string }> }) {
+    const { sub } = await params
+    return (
+        <div>
+            <h1>{sub}</h1>
+        </div>
+    );
+}

src/app/darmasaba/(pages)/keamanan/page.tsx

@@ -0,0 +1,7 @@
+import { Stack } from "@mantine/core";
+
+export default function Page() {
+    return <Stack>
+        keamanan
+    </Stack>
+}

src/app/darmasaba/(pages)/kesehatan/[sub]/page.tsx

@@ -0,0 +1,8 @@
+export default async function Page({ params }: { params: Promise<{ sub: string }> }) {
+    const { sub } = await params
+    return (
+        <div>
+            {sub}
+        </div>
+    );
+}

src/app/darmasaba/(pages)/kesehatan/page.tsx

@@ -0,0 +1,7 @@
+import { Stack } from "@mantine/core";
+
+export default function Page() {
+    return <Stack>
+        kesehatan
+    </Stack>
+}

src/app/darmasaba/(pages)/lingkungan/[sub]/page.tsx

@@ -0,0 +1,8 @@
+
+
+export default async function Page({ params }: { params: Promise<{ sub: string }> }) {
+    const { sub } = await params
+    return <div>
+        {sub}
+    </div>
+}   

src/app/darmasaba/(pages)/lingkungan/page.tsx

@@ -0,0 +1,7 @@
+import { Stack } from "@mantine/core";
+
+export default function Page() {
+    return <Stack>
+        lingkungan
+    </Stack>
+}

src/app/darmasaba/(pages)/module/[sub]/page.tsx

@@ -0,0 +1,6 @@
+export default async function Page({ params }: { params: Promise<{ sub: string }> }) {
+    const { sub } = await params
+    return <div>
+        {sub}
+    </div>
+}

src/app/darmasaba/(pages)/module/page.tsx

@@ -0,0 +1,15 @@
+'use client'
+
+import { Stack } from "@mantine/core"
+import { useSnapshot } from "valtio"
+import stateNav from "@/state/state-nav"
+
+export default function Page() {
+    const { module, isSearch } = useSnapshot(stateNav)
+
+    return (
+        <Stack h={"100vh"} >
+            {JSON.stringify({ module, isSearch })}
+        </Stack>
+    )
+}

src/app/darmasaba/(pages)/pendidikan/[sub]/page.tsx

@@ -0,0 +1,8 @@
+export default async function Page({ params }: { params: Promise<{ sub: string }> }) {
+    const { sub } = await params
+    return (
+        <div>
+            <h1>{sub}</h1>
+        </div>
+    );
+}

src/app/darmasaba/(pages)/pendidikan/page.tsx

@@ -0,0 +1,7 @@
+import { Stack } from "@mantine/core";
+
+export default function Page() {
+    return <Stack>
+        pendidikan
+    </Stack>
+}