wibu/desa-darmasaba
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

fix(umkm): fix TypeError, 404 API URL, and Recharts warnings

Browse Source
This commit is contained in:
nico
2026-04-21 12:23:22 +08:00
parent ece84fabf0
commit a2d157ee02
8 changed files with 86 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
View File

@@ -5,12 +5,12 @@ import colors from '@/con/colors';
import {
Box, Center, Flex, Grid, GridCol, Image, Pagination, Paper,
Select, SimpleGrid, Skeleton, Stack, Text, TextInput, Title,
Tabs, Badge, Card, Group
Tabs, Badge, Card
} from '@mantine/core';
import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
import {
IconBrandWhatsapp, IconMapPinFilled, IconSearch,
IconStarFilled, IconBuildingStore, IconTag, IconUser,
IconStarFilled, IconBuildingStore, IconUser,
IconShoppingBag, IconPackage
} from '@tabler/icons-react';
import { motion } from 'motion/react';
@@ -76,14 +76,14 @@ function TabProdukPasar({ router }: { router: any }) {
const [debouncedSearch] = useDebouncedValue(search, 1000);
const [selectedCategory, setSelectedCategory] = useState<string | null>(null);
const { data, page, loading, totalPages, load } = state.findMany;
const { data, page, loading, totalPages } = state.findMany;
useShallowEffect(() => {
pasarDesaState.kategoriProduk.findManyAll.load();
}, []);
useShallowEffect(() => {
load(page, 8, debouncedSearch, selectedCategory || undefined);
pasarDesaState.pasarDesa.findMany.load(page, 8, debouncedSearch, selectedCategory || undefined);
}, [page, debouncedSearch, selectedCategory]);
return (
@@ -152,7 +152,7 @@ function TabProdukPasar({ router }: { router: any }) {
))}
</SimpleGrid>
<Center>
<Pagination total={totalPages} value={page} onChange={(p) => load(p)} radius="md" />
<Pagination total={totalPages} value={page} onChange={(p) => pasarDesaState.pasarDesa.findMany.load(p)} radius="md" />
</Center>
</>
)}
@@ -166,14 +166,14 @@ function TabProdukUmkm({ router }: { router: any }) {
const [debouncedSearch] = useDebouncedValue(search, 1000);
const [selectedCategory, setSelectedCategory] = useState<string | null>(null);
const { data, page, loading, totalPages, load } = state.findMany;
const { data, page, loading, totalPages } = state.findMany;
useShallowEffect(() => {
umkmState.kategoriProduk.findManyAll.load();
}, []);
useShallowEffect(() => {
load(page, 8, debouncedSearch, undefined, selectedCategory || undefined);
umkmState.produk.findMany.load(page, 8, debouncedSearch, undefined, selectedCategory || undefined);
}, [page, debouncedSearch, selectedCategory]);
return (
@@ -234,7 +234,7 @@ function TabProdukUmkm({ router }: { router: any }) {
))}
</SimpleGrid>
<Center>
<Pagination total={totalPages} value={page} onChange={(p) => load(p)} radius="md" />
<Pagination total={totalPages} value={page} onChange={(p) => umkmState.produk.findMany.load(p)} radius="md" />
</Center>
</>
)}
@@ -247,10 +247,10 @@ function TabDirektoriUmkm({ router }: { router: any }) {
const [search, setSearch] = useState('');
const [debouncedSearch] = useDebouncedValue(search, 1000);
const { data, page, loading, totalPages, load } = state.findMany;
const { data, page, loading, totalPages } = state.findMany;
useShallowEffect(() => {
load(page, 8, debouncedSearch);
umkmState.umkm.findMany.load(page, 8, debouncedSearch);
}, [page, debouncedSearch]);
return (
@@ -300,7 +300,7 @@ function TabDirektoriUmkm({ router }: { router: any }) {
))}
</SimpleGrid>
<Center>
<Pagination total={totalPages} value={page} onChange={(p) => load(p)} radius="md" />
<Pagination total={totalPages} value={page} onChange={(p) => umkmState.umkm.findMany.load(p)} radius="md" />
</Center>
</>
)}

2
src/app/darmasaba/(pages)/ekonomi/umkm/[id]/page.tsx
View File

@@ -1,7 +1,7 @@
'use client'
import umkmState from '@/app/admin/(dashboard)/_state/ekonomi/umkm/umkm';
import colors from '@/con/colors';
import { Box, Card, Flex, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title, Badge, SimpleGrid, Group, Divider, Button } from '@mantine/core';
import { Box, Card, Flex, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title, Badge, SimpleGrid, Group, Divider, Button, Center } from '@mantine/core';
import { useShallowEffect } from '@mantine/hooks';
import { IconBrandWhatsapp, IconMapPinFilled, IconPackage, IconUser } from '@tabler/icons-react';
import { useParams } from 'next/navigation';