| undefined
+ >
+ );
+
+ if (!fcrId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingFcr && (!fcr || isResponseError(fcr))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingFcr && }
+ {!isLoadingFcr && isResponseSuccess(fcr) && (
+
+ )}
+
+ );
+};
+
+export default FcrDetail;
diff --git a/src/app/master-data/fcr/page.tsx b/src/app/master-data/fcr/page.tsx
new file mode 100644
index 00000000..9ca9c55d
--- /dev/null
+++ b/src/app/master-data/fcr/page.tsx
@@ -0,0 +1,11 @@
+import FcrsTable from '@/components/pages/master-data/fcr/FcrsTable';
+
+const Fcr = () => {
+ return (
+
+ );
+};
+
+export default Fcr;
diff --git a/src/app/master-data/kandang/add/page.tsx b/src/app/master-data/kandang/add/page.tsx
new file mode 100644
index 00000000..238799cd
--- /dev/null
+++ b/src/app/master-data/kandang/add/page.tsx
@@ -0,0 +1,11 @@
+import KandangForm from '@/components/pages/master-data/kandang/form/KandangForm';
+
+const AddNonstock = () => {
+ return (
+
+
+
+ );
+};
+
+export default AddNonstock;
diff --git a/src/app/master-data/kandang/detail/edit/page.tsx b/src/app/master-data/kandang/detail/edit/page.tsx
new file mode 100644
index 00000000..561d6f1f
--- /dev/null
+++ b/src/app/master-data/kandang/detail/edit/page.tsx
@@ -0,0 +1,49 @@
+'use client';
+
+import { useRouter, useSearchParams } from 'next/navigation';
+import useSWR from 'swr';
+
+import KandangForm from '@/components/pages/master-data/kandang/form/KandangForm';
+
+import { KandangApi } from '@/services/api/master-data';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+
+const KandangEdit = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ const kandangId = searchParams.get('kandangId');
+
+ const { data: kandang, isLoading: isLoadingKandang } = useSWR(
+ kandangId,
+ (id: number) => KandangApi.getSingle(id)
+ );
+
+ if (!kandangId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingKandang && (!kandang || isResponseError(kandang))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingKandang && (
+
+ )}
+ {!isLoadingKandang && isResponseSuccess(kandang) && (
+
+ )}
+
+ );
+};
+
+export default KandangEdit;
diff --git a/src/app/master-data/kandang/detail/layout.tsx b/src/app/master-data/kandang/detail/layout.tsx
new file mode 100644
index 00000000..7220dfa1
--- /dev/null
+++ b/src/app/master-data/kandang/detail/layout.tsx
@@ -0,0 +1,11 @@
+import SuspenseHelper from '@/components/helper/SuspenseHelper';
+
+const Layout = ({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) => {
+ return {children};
+};
+
+export default Layout;
diff --git a/src/app/master-data/kandang/detail/page.tsx b/src/app/master-data/kandang/detail/page.tsx
new file mode 100644
index 00000000..a5b4f0e9
--- /dev/null
+++ b/src/app/master-data/kandang/detail/page.tsx
@@ -0,0 +1,49 @@
+'use client';
+
+import { useRouter, useSearchParams } from 'next/navigation';
+import useSWR from 'swr';
+
+import KandangForm from '@/components/pages/master-data/kandang/form/KandangForm';
+
+import { KandangApi } from '@/services/api/master-data';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+
+const KandangDetail = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ const kandangId = searchParams.get('kandangId');
+
+ const { data: kandang, isLoading: isLoadingKandang } = useSWR(
+ kandangId,
+ (id: number) => KandangApi.getSingle(id)
+ );
+
+ if (!kandangId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingKandang && (!kandang || isResponseError(kandang))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingKandang && (
+
+ )}
+ {!isLoadingKandang && isResponseSuccess(kandang) && (
+
+ )}
+
+ );
+};
+
+export default KandangDetail;
diff --git a/src/app/master-data/kandang/page.tsx b/src/app/master-data/kandang/page.tsx
new file mode 100644
index 00000000..293eb0da
--- /dev/null
+++ b/src/app/master-data/kandang/page.tsx
@@ -0,0 +1,11 @@
+import KandangsTable from '@/components/pages/master-data/kandang/KandangsTable';
+
+const Nonstock = () => {
+ return (
+
+ );
+};
+
+export default Nonstock;
diff --git a/src/app/master-data/location/add/page.tsx b/src/app/master-data/location/add/page.tsx
new file mode 100644
index 00000000..56f668fd
--- /dev/null
+++ b/src/app/master-data/location/add/page.tsx
@@ -0,0 +1,11 @@
+import LocationForm from '@/components/pages/master-data/location/form/LocationForm';
+
+const AddNonstock = () => {
+ return (
+
+
+
+ );
+};
+
+export default AddNonstock;
diff --git a/src/app/master-data/location/detail/edit/page.tsx b/src/app/master-data/location/detail/edit/page.tsx
new file mode 100644
index 00000000..a97f5672
--- /dev/null
+++ b/src/app/master-data/location/detail/edit/page.tsx
@@ -0,0 +1,49 @@
+'use client';
+
+import { useRouter, useSearchParams } from 'next/navigation';
+import useSWR from 'swr';
+
+import LocationForm from '@/components/pages/master-data/location/form/LocationForm';
+
+import { LocationApi } from '@/services/api/master-data';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+
+const LocationEdit = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ const locationId = searchParams.get('locationId');
+
+ const { data: location, isLoading: isLoadingLocation } = useSWR(
+ locationId,
+ (id: number) => LocationApi.getSingle(id)
+ );
+
+ if (!locationId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingLocation && (!location || isResponseError(location))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingLocation && (
+
+ )}
+ {!isLoadingLocation && isResponseSuccess(location) && (
+
+ )}
+
+ );
+};
+
+export default LocationEdit;
diff --git a/src/app/master-data/location/detail/layout.tsx b/src/app/master-data/location/detail/layout.tsx
new file mode 100644
index 00000000..7220dfa1
--- /dev/null
+++ b/src/app/master-data/location/detail/layout.tsx
@@ -0,0 +1,11 @@
+import SuspenseHelper from '@/components/helper/SuspenseHelper';
+
+const Layout = ({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) => {
+ return {children};
+};
+
+export default Layout;
diff --git a/src/app/master-data/location/detail/page.tsx b/src/app/master-data/location/detail/page.tsx
new file mode 100644
index 00000000..bb0fbe4c
--- /dev/null
+++ b/src/app/master-data/location/detail/page.tsx
@@ -0,0 +1,49 @@
+'use client';
+
+import { useRouter, useSearchParams } from 'next/navigation';
+import useSWR from 'swr';
+
+import LocationForm from '@/components/pages/master-data/location/form/LocationForm';
+
+import { LocationApi } from '@/services/api/master-data';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+
+const LocationDetail = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ const locationId = searchParams.get('locationId');
+
+ const { data: location, isLoading: isLoadingLocation } = useSWR(
+ locationId,
+ (id: number) => LocationApi.getSingle(id)
+ );
+
+ if (!locationId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingLocation && (!location || isResponseError(location))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingLocation && (
+
+ )}
+ {!isLoadingLocation && isResponseSuccess(location) && (
+
+ )}
+
+ );
+};
+
+export default LocationDetail;
diff --git a/src/app/master-data/location/page.tsx b/src/app/master-data/location/page.tsx
new file mode 100644
index 00000000..338fdbff
--- /dev/null
+++ b/src/app/master-data/location/page.tsx
@@ -0,0 +1,11 @@
+import LocationsTable from '@/components/pages/master-data/location/LocationsTable';
+
+const Nonstock = () => {
+ return (
+
+ );
+};
+
+export default Nonstock;
diff --git a/src/app/master-data/nonstock/add/page.tsx b/src/app/master-data/nonstock/add/page.tsx
new file mode 100644
index 00000000..2bde94ed
--- /dev/null
+++ b/src/app/master-data/nonstock/add/page.tsx
@@ -0,0 +1,11 @@
+import NonstockForm from '@/components/pages/master-data/nonstock/form/NonstockForm';
+
+const AddNonstock = () => {
+ return (
+
+
+
+ );
+};
+
+export default AddNonstock;
diff --git a/src/app/master-data/nonstock/detail/edit/page.tsx b/src/app/master-data/nonstock/detail/edit/page.tsx
new file mode 100644
index 00000000..3b3db5f5
--- /dev/null
+++ b/src/app/master-data/nonstock/detail/edit/page.tsx
@@ -0,0 +1,49 @@
+'use client';
+
+import { useRouter, useSearchParams } from 'next/navigation';
+import useSWR from 'swr';
+
+import NonstockForm from '@/components/pages/master-data/nonstock/form/NonstockForm';
+
+import { NonstockApi } from '@/services/api/master-data';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+
+const NonstockEdit = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ const nonstockId = searchParams.get('nonstockId');
+
+ const { data: nonstock, isLoading: isLoadingNonstock } = useSWR(
+ nonstockId,
+ (id: number) => NonstockApi.getSingle(id)
+ );
+
+ if (!nonstockId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingNonstock && (!nonstock || isResponseError(nonstock))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingNonstock && (
+
+ )}
+ {!isLoadingNonstock && isResponseSuccess(nonstock) && (
+
+ )}
+
+ );
+};
+
+export default NonstockEdit;
diff --git a/src/app/master-data/nonstock/detail/layout.tsx b/src/app/master-data/nonstock/detail/layout.tsx
new file mode 100644
index 00000000..7220dfa1
--- /dev/null
+++ b/src/app/master-data/nonstock/detail/layout.tsx
@@ -0,0 +1,11 @@
+import SuspenseHelper from '@/components/helper/SuspenseHelper';
+
+const Layout = ({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) => {
+ return {children};
+};
+
+export default Layout;
diff --git a/src/app/master-data/nonstock/detail/page.tsx b/src/app/master-data/nonstock/detail/page.tsx
new file mode 100644
index 00000000..798a843e
--- /dev/null
+++ b/src/app/master-data/nonstock/detail/page.tsx
@@ -0,0 +1,49 @@
+'use client';
+
+import { useRouter, useSearchParams } from 'next/navigation';
+import useSWR from 'swr';
+
+import NonstockForm from '@/components/pages/master-data/nonstock/form/NonstockForm';
+
+import { NonstockApi } from '@/services/api/master-data';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+
+const NonstockDetail = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ const nonstockId = searchParams.get('nonstockId');
+
+ const { data: nonstock, isLoading: isLoadingNonstock } = useSWR(
+ nonstockId,
+ (id: number) => NonstockApi.getSingle(id)
+ );
+
+ if (!nonstockId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingNonstock && (!nonstock || isResponseError(nonstock))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingNonstock && (
+
+ )}
+ {!isLoadingNonstock && isResponseSuccess(nonstock) && (
+
+ )}
+
+ );
+};
+
+export default NonstockDetail;
diff --git a/src/app/master-data/nonstock/page.tsx b/src/app/master-data/nonstock/page.tsx
new file mode 100644
index 00000000..0812a5e2
--- /dev/null
+++ b/src/app/master-data/nonstock/page.tsx
@@ -0,0 +1,11 @@
+import NonstocksTable from '@/components/pages/master-data/nonstock/NonstocksTable';
+
+const Nonstock = () => {
+ return (
+
+ );
+};
+
+export default Nonstock;
diff --git a/src/app/master-data/product-category/add/page.tsx b/src/app/master-data/product-category/add/page.tsx
new file mode 100644
index 00000000..0993ba7a
--- /dev/null
+++ b/src/app/master-data/product-category/add/page.tsx
@@ -0,0 +1,11 @@
+import ProductCategoryForm from "@/components/pages/master-data/product-category/form/ProductCategoryForm";
+
+const AddProductCategory = () => {
+ return (
+
+ );
+};
+
+export default AddProductCategory;
\ No newline at end of file
diff --git a/src/app/master-data/product-category/detail/edit/page.tsx b/src/app/master-data/product-category/detail/edit/page.tsx
new file mode 100644
index 00000000..6bc10644
--- /dev/null
+++ b/src/app/master-data/product-category/detail/edit/page.tsx
@@ -0,0 +1,47 @@
+'use client';
+
+import { useRouter, useSearchParams } from 'next/navigation';
+import useSWR from 'swr';
+
+import ProductCategoryForm from '@/components/pages/master-data/product-category/form/ProductCategoryForm';
+
+import { ProductCategoryApi } from '@/services/api/master-data';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+
+const ProductCategoryEdit = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ const productCategoryId = searchParams.get('productCategoryId');
+
+ const { data: productCategory, isLoading: isLoadingProductCategory } = useSWR(
+ productCategoryId,
+ (id: number) => ProductCategoryApi.getSingle(id)
+ );
+
+ if (!productCategoryId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingProductCategory && (!productCategory || isResponseError(productCategory))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingProductCategory &&
}
+ {!isLoadingProductCategory && isResponseSuccess(productCategory) && (
+
+ )}
+
+
+
+ );
+ }
+
+ if (!isLoadingProductCategory && (!productCategory || isResponseError(productCategory))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingProductCategory &&
}
+ {!isLoadingProductCategory && isResponseSuccess(productCategory) && (
+
+ )}
+
+
+
+ );
+ }
+
+ if (!isLoading && (!product || isResponseError(product))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoading &&
}
+ {!isLoading && isResponseSuccess(product) && (
+
+ )}
+
+
+
+ );
+ }
+
+ if (!isLoading && (!product || isResponseError(product))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoading &&
}
+ {!isLoading && isResponseSuccess(product) && (
+
+ )}
+
+
+
+ );
+ }
+
+ if (!isLoadingSupplier && (!supplier || isResponseError(supplier))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingSupplier && (
+
+ )}
+ {!isLoadingSupplier && isResponseSuccess(supplier) && (
+
+ )}
+
+ );
+};
+
+export default SupplierEdit;
diff --git a/src/app/master-data/supplier/detail/page.tsx b/src/app/master-data/supplier/detail/page.tsx
new file mode 100644
index 00000000..433fa043
--- /dev/null
+++ b/src/app/master-data/supplier/detail/page.tsx
@@ -0,0 +1,49 @@
+'use client';
+
+import SupplierForm from '@/components/pages/master-data/supplier/form/SupplierForm';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+import { SupplierApi } from '@/services/api/master-data';
+import { useSearchParams, useRouter } from 'next/navigation';
+import useSWR from 'swr';
+
+const SupplierDetail = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ // Get Query Params
+ const supplierId = searchParams.get('supplierId');
+
+ // Fetch Data
+ const { data: supplier, isLoading: isLoadingSupplier } = useSWR(
+ supplierId,
+ (id: number) => SupplierApi.getSingle(id)
+ );
+
+ if (!supplierId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingSupplier && (!supplier || isResponseError(supplier))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingSupplier && (
+
+ )}
+ {!isLoadingSupplier && isResponseSuccess(supplier) && (
+
+ )}
+
+ );
+};
+
+export default SupplierDetail;
\ No newline at end of file
diff --git a/src/app/master-data/supplier/page.tsx b/src/app/master-data/supplier/page.tsx
new file mode 100644
index 00000000..1f54bd0d
--- /dev/null
+++ b/src/app/master-data/supplier/page.tsx
@@ -0,0 +1,11 @@
+import SuppliersTable from "@/components/pages/master-data/supplier/SupplierTable";
+
+const Supplier = () => {
+ return (
+
+ );
+};
+
+export default Supplier;
diff --git a/src/app/master-data/uom/add/page.tsx b/src/app/master-data/uom/add/page.tsx
new file mode 100644
index 00000000..452aadf8
--- /dev/null
+++ b/src/app/master-data/uom/add/page.tsx
@@ -0,0 +1,11 @@
+import UomForm from '@/components/pages/master-data/uom/form/UomForm';
+
+const AddNonstock = () => {
+ return (
+
+
+
+ );
+};
+
+export default AddNonstock;
diff --git a/src/app/master-data/uom/detail/edit/page.tsx b/src/app/master-data/uom/detail/edit/page.tsx
new file mode 100644
index 00000000..48d7c823
--- /dev/null
+++ b/src/app/master-data/uom/detail/edit/page.tsx
@@ -0,0 +1,46 @@
+'use client';
+
+import { useRouter, useSearchParams } from 'next/navigation';
+import useSWR from 'swr';
+
+import UomForm from '@/components/pages/master-data/uom/form/UomForm';
+
+import { UomApi } from '@/services/api/master-data';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+
+const UomEdit = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ const uomId = searchParams.get('uomId');
+
+ const { data: uom, isLoading: isLoadingUom } = useSWR(uomId, (id: number) =>
+ UomApi.getSingle(id)
+ );
+
+ if (!uomId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingUom && (!uom || isResponseError(uom))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingUom && }
+ {!isLoadingUom && isResponseSuccess(uom) && (
+
+ )}
+
+ );
+};
+
+export default UomEdit;
diff --git a/src/app/master-data/uom/detail/layout.tsx b/src/app/master-data/uom/detail/layout.tsx
new file mode 100644
index 00000000..7220dfa1
--- /dev/null
+++ b/src/app/master-data/uom/detail/layout.tsx
@@ -0,0 +1,11 @@
+import SuspenseHelper from '@/components/helper/SuspenseHelper';
+
+const Layout = ({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) => {
+ return {children};
+};
+
+export default Layout;
diff --git a/src/app/master-data/uom/detail/page.tsx b/src/app/master-data/uom/detail/page.tsx
new file mode 100644
index 00000000..b02af02b
--- /dev/null
+++ b/src/app/master-data/uom/detail/page.tsx
@@ -0,0 +1,46 @@
+'use client';
+
+import { useRouter, useSearchParams } from 'next/navigation';
+import useSWR from 'swr';
+
+import UomForm from '@/components/pages/master-data/uom/form/UomForm';
+
+import { UomApi } from '@/services/api/master-data';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+
+const UomDetail = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ const uomId = searchParams.get('uomId');
+
+ const { data: uom, isLoading: isLoadingUom } = useSWR(uomId, (id: number) =>
+ UomApi.getSingle(id)
+ );
+
+ if (!uomId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingUom && (!uom || isResponseError(uom))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingUom && }
+ {!isLoadingUom && isResponseSuccess(uom) && (
+
+ )}
+
+ );
+};
+
+export default UomDetail;
diff --git a/src/app/master-data/uom/page.tsx b/src/app/master-data/uom/page.tsx
new file mode 100644
index 00000000..689b9d0d
--- /dev/null
+++ b/src/app/master-data/uom/page.tsx
@@ -0,0 +1,11 @@
+import UomsTable from '@/components/pages/master-data/uom/UomsTable';
+
+const Nonstock = () => {
+ return (
+
+ );
+};
+
+export default Nonstock;
diff --git a/src/app/master-data/warehouse/add/page.tsx b/src/app/master-data/warehouse/add/page.tsx
new file mode 100644
index 00000000..7a8105a1
--- /dev/null
+++ b/src/app/master-data/warehouse/add/page.tsx
@@ -0,0 +1,11 @@
+import WarehouseForm from '@/components/pages/master-data/warehouse/form/WarehouseForm';
+
+const AddNonstock = () => {
+ return (
+
+
+
+ );
+};
+
+export default AddNonstock;
diff --git a/src/app/master-data/warehouse/detail/edit/page.tsx b/src/app/master-data/warehouse/detail/edit/page.tsx
new file mode 100644
index 00000000..a6498834
--- /dev/null
+++ b/src/app/master-data/warehouse/detail/edit/page.tsx
@@ -0,0 +1,49 @@
+'use client';
+
+import { useRouter, useSearchParams } from 'next/navigation';
+import useSWR from 'swr';
+
+import WarehouseForm from '@/components/pages/master-data/warehouse/form/WarehouseForm';
+
+import { WarehouseApi } from '@/services/api/master-data';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+
+const WarehouseEdit = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ const warehouseId = searchParams.get('warehouseId');
+
+ const { data: warehouse, isLoading: isLoadingWarehouse } = useSWR(
+ warehouseId,
+ (id: number) => WarehouseApi.getSingle(id)
+ );
+
+ if (!warehouseId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingWarehouse && (!warehouse || isResponseError(warehouse))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingWarehouse && (
+
+ )}
+ {!isLoadingWarehouse && isResponseSuccess(warehouse) && (
+
+ )}
+
+ );
+};
+
+export default WarehouseEdit;
diff --git a/src/app/master-data/warehouse/detail/layout.tsx b/src/app/master-data/warehouse/detail/layout.tsx
new file mode 100644
index 00000000..7220dfa1
--- /dev/null
+++ b/src/app/master-data/warehouse/detail/layout.tsx
@@ -0,0 +1,11 @@
+import SuspenseHelper from '@/components/helper/SuspenseHelper';
+
+const Layout = ({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) => {
+ return {children};
+};
+
+export default Layout;
diff --git a/src/app/master-data/warehouse/detail/page.tsx b/src/app/master-data/warehouse/detail/page.tsx
new file mode 100644
index 00000000..5a7c7042
--- /dev/null
+++ b/src/app/master-data/warehouse/detail/page.tsx
@@ -0,0 +1,49 @@
+'use client';
+
+import { useRouter, useSearchParams } from 'next/navigation';
+import useSWR from 'swr';
+
+import WarehouseForm from '@/components/pages/master-data/warehouse/form/WarehouseForm';
+
+import { WarehouseApi } from '@/services/api/master-data';
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+
+const WarehouseDetail = () => {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+
+ const warehouseId = searchParams.get('warehouseId');
+
+ const { data: warehouse, isLoading: isLoadingWarehouse } = useSWR(
+ warehouseId,
+ (id: number) => WarehouseApi.getSingle(id)
+ );
+
+ if (!warehouseId) {
+ router.back();
+
+ return (
+
+
+
+ );
+ }
+
+ if (!isLoadingWarehouse && (!warehouse || isResponseError(warehouse))) {
+ router.replace('/404');
+ return;
+ }
+
+ return (
+
+ {isLoadingWarehouse && (
+
+ )}
+ {!isLoadingWarehouse && isResponseSuccess(warehouse) && (
+
+ )}
+
+ );
+};
+
+export default WarehouseDetail;
diff --git a/src/app/master-data/warehouse/page.tsx b/src/app/master-data/warehouse/page.tsx
new file mode 100644
index 00000000..eb5ae416
--- /dev/null
+++ b/src/app/master-data/warehouse/page.tsx
@@ -0,0 +1,11 @@
+import WarehousesTable from '@/components/pages/master-data/warehouse/WarehousesTable';
+
+const Warehouse = () => {
+ return (
+
+ );
+};
+
+export default Warehouse;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8ac3364a..db9638df 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,8 @@
+import { redirect } from 'next/navigation';
+
export default function Home() {
+ redirect('/dashboard');
+
return (
LTI ERP
diff --git a/src/components/Alert.tsx b/src/components/Alert.tsx
new file mode 100644
index 00000000..61792d0c
--- /dev/null
+++ b/src/components/Alert.tsx
@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+
+import { cn } from '@/lib/helper';
+
+interface AlertProps {
+ variant?: 'outline' | 'dash' | 'soft';
+ color?: 'info' | 'success' | 'warning' | 'error';
+ children?: ReactNode;
+ className?: string;
+}
+
+const Alert = ({ children, variant, color, className }: AlertProps) => {
+ const alertBaseClassName = cn('alert', {
+ 'alert-soft': variant === 'soft',
+ 'alert-outline': variant === 'outline',
+ 'alert-dash': variant === 'dash',
+
+ 'alert-info': color === 'info',
+ 'alert-success': color === 'success',
+ 'alert-warning': color === 'warning',
+ 'alert-error': color === 'error',
+ });
+
+ return {children}
;
+};
+
+export default Alert;
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 79ecb6d9..c67a29c2 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -1,4 +1,4 @@
-import react, { JSX } from 'react';
+import react from 'react';
import Link from 'next/link';
@@ -17,11 +17,12 @@ const Button = ({
type,
href,
variant,
- color,
+ color = 'primary',
isLoading,
className,
disabled,
onClick,
+ ...props
}: ButtonProps) => {
const btnBaseClassName = cn(
'btn',
@@ -49,6 +50,7 @@ const Button = ({
<>
{!href && (
+ }
+ className='w-fit'
+ titleClassName='p-0! justify-self-end'
+ >
+ {children}
+
+ );
+};
+
+export default RowCollapseOptions;
diff --git a/src/components/table/RowDropdownOptions.tsx b/src/components/table/RowDropdownOptions.tsx
new file mode 100644
index 00000000..1f1bc81b
--- /dev/null
+++ b/src/components/table/RowDropdownOptions.tsx
@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+
+import { Icon } from '@iconify/react';
+import Button from '@/components/Button';
+
+import { cn } from '@/lib/helper';
+
+interface RowDropdownOptionsProps {
+ children?: ReactNode;
+ isLast2Rows: boolean;
+}
+
+const RowDropdownOptions = ({
+ children,
+ isLast2Rows,
+}: RowDropdownOptionsProps) => {
+ return (
+
+
+
+ {children}
+
+ );
+};
+
+export default RowDropdownOptions;
diff --git a/src/config/constant.ts b/src/config/constant.ts
index e69de29b..48cec0fe 100644
--- a/src/config/constant.ts
+++ b/src/config/constant.ts
@@ -0,0 +1,154 @@
+type MAIN_DRAWER_MENU = {
+ title: string;
+ link: string;
+ icon: string;
+ submenu?: MAIN_DRAWER_MENU[];
+};
+
+export const MAIN_DRAWER_LINKS: MAIN_DRAWER_MENU[] = [
+ {
+ title: 'Dashboard',
+ link: '/dashboard',
+ icon: 'gg:chart',
+ },
+
+ {
+ title: 'Master Data',
+ link: '/master-data',
+ icon: 'majesticons:data-line',
+ submenu: [
+ {
+ title: 'Product',
+ link: '/master-data/product',
+ icon: 'fluent-mdl2:product-variant',
+ },
+ {
+ title: 'Product Category',
+ link: '/master-data/product-category',
+ icon: 'carbon:categories',
+ },
+ {
+ title: 'Bank',
+ link: '/master-data/bank',
+ icon: 'mdi:bank-outline',
+ },
+ {
+ title: 'Area',
+ link: '/master-data/area',
+ icon: 'majesticons:map-marker-area-line',
+ },
+ {
+ title: 'Location',
+ link: '/master-data/location',
+ icon: 'mingcute:location-line',
+ },
+ {
+ title: 'Kandang',
+ link: '/master-data/kandang',
+ icon: 'mdi:farm-home-outline',
+ },
+ {
+ title: 'Warehouse',
+ link: '/master-data/warehouse',
+ icon: 'hugeicons:warehouse',
+ },
+ {
+ title: 'Customer',
+ link: '/master-data/customer',
+ icon: 'ix:customer',
+ },
+ {
+ title: 'UOM',
+ link: '/master-data/uom',
+ icon: 'lsicon:measure-outline',
+ },
+ {
+ title: 'Non-Stock',
+ link: '/master-data/nonstock',
+ icon: 'fluent:box-32-regular',
+ },
+ {
+ title: 'FCR',
+ link: '/master-data/fcr',
+ icon: 'fluent:food-chicken-leg-16-regular',
+ },
+ {
+ title: 'Supplier',
+ link: '/master-data/supplier',
+ icon: 'material-symbols:add-business-outline-rounded',
+ },
+ ],
+ },
+] as const;
+
+export const ROWS_OPTIONS = [
+ {
+ label: '10',
+ value: 10,
+ },
+ {
+ label: '20',
+ value: 20,
+ },
+ {
+ label: '50',
+ value: 50,
+ },
+ {
+ label: '100',
+ value: 100,
+ },
+];
+
+export const WAREHOUSE_TYPE_OPTIONS = [
+ {
+ label: 'AREA',
+ value: 'AREA',
+ },
+ {
+ label: 'LOKASI',
+ value: 'LOKASI',
+ },
+ {
+ label: 'KANDANG',
+ value: 'KANDANG',
+ },
+];
+
+export const TYPE_OPTIONS = [
+ {
+ label: 'INDIVIDUAL',
+ value: 'INDIVIDUAL',
+ },
+ {
+ label: 'BISNIS',
+ value: 'BISNIS',
+ },
+];
+
+export const CATEGORY_OPTIONS = [
+ {
+ label: 'BOP',
+ value: 'BOP',
+ },
+ {
+ label: 'SAPRONAK',
+ value: 'SAPRONAK',
+ },
+];
+
+export const PRODUCT_FLAG_OPTIONS = [
+ { label: 'DOC', value: 'DOC' },
+ { label: 'PAKAN', value: 'PAKAN' },
+ { label: 'PRE-STARTER', value: 'PRE-STARTER' },
+ { label: 'STARTER', value: 'STARTER' },
+ { label: 'FINISHER', value: 'FINISHER' },
+ { label: 'OVK', value: 'OVK' },
+ { label: 'OBAT', value: 'OBAT' },
+ { label: 'VITAMIN', value: 'VITAMIN' },
+ { label: 'KIMIA', value: 'KIMIA' },
+];
+
+export const SUPPLIER_FLAG_OPTIONS = [
+ { label: 'EKSPEDISI', value: 'EKSPEDISI' },
+];
diff --git a/src/lib/api-helper.ts b/src/lib/api-helper.ts
index 3e85ecf0..7ce3ac64 100644
--- a/src/lib/api-helper.ts
+++ b/src/lib/api-helper.ts
@@ -1,7 +1,17 @@
-import { BaseApiResponse, SuccessApiResponse } from '@/types/api';
+import {
+ BaseApiResponse,
+ ErrorApiResponse,
+ SuccessApiResponse,
+} from '@/types/api/api-general';
export const isResponseSuccess = (
res?: BaseApiResponse
): res is SuccessApiResponse => {
return res?.status === 'success';
};
+
+export const isResponseError = (
+ res?: BaseApiResponse
+): res is ErrorApiResponse => {
+ return res?.status === 'error';
+};
diff --git a/src/services/api/base.ts b/src/services/api/base.ts
new file mode 100644
index 00000000..d1ac4729
--- /dev/null
+++ b/src/services/api/base.ts
@@ -0,0 +1,82 @@
+import axios from 'axios';
+import { httpClient, httpClientFetcher } from '@/services/http/client';
+import { BaseApiResponse } from '@/types/api/api-general';
+
+export class BaseApiService {
+ basePath: string;
+
+ constructor(basePath: string) {
+ this.basePath = basePath;
+ }
+
+ async getAllFetcher(endpoint: string): Promise> {
+ return await httpClientFetcher>(endpoint);
+ }
+
+ async getSingle(id: number) {
+ try {
+ const getSinglePath = `${this.basePath}/${id}`;
+ const getSingleRes = await httpClient>(getSinglePath);
+
+ return getSingleRes;
+ } catch (error) {
+ if (axios.isAxiosError>(error)) {
+ return error.response?.data;
+ }
+
+ return undefined;
+ }
+ }
+
+ async create(payload: CreatePayloadGeneric) {
+ try {
+ const createRes = await httpClient>(this.basePath, {
+ method: 'POST',
+ body: payload,
+ });
+
+ return createRes;
+ } catch (error: unknown) {
+ if (axios.isAxiosError>(error)) {
+ return error.response?.data;
+ }
+
+ return undefined;
+ }
+ }
+
+ async update(id: number, payload: UpdatePayloadGeneric) {
+ try {
+ const updatePath = `${this.basePath}/${id}`;
+ const updateRes = await httpClient>(updatePath, {
+ method: 'PATCH',
+ body: payload,
+ });
+
+ return updateRes;
+ } catch (error: unknown) {
+ if (axios.isAxiosError>(error)) {
+ return error.response?.data;
+ }
+
+ return undefined;
+ }
+ }
+
+ async delete(id: number) {
+ try {
+ const deletePath = `${this.basePath}/${id}`;
+ const deleteRes = await httpClient(deletePath, {
+ method: 'DELETE',
+ });
+
+ return deleteRes;
+ } catch (error) {
+ if (axios.isAxiosError(error)) {
+ return error.response?.data;
+ }
+
+ return undefined;
+ }
+ }
+}
diff --git a/src/services/api/master-data.ts b/src/services/api/master-data.ts
new file mode 100644
index 00000000..dce528e7
--- /dev/null
+++ b/src/services/api/master-data.ts
@@ -0,0 +1,132 @@
+import { BaseApiService } from '@/services/api/base';
+import {
+ CreateUomPayload,
+ Uom,
+ UpdateUomPayload,
+} from '@/types/api/master-data/uom';
+import {
+ Area,
+ CreateAreaPayload,
+ UpdateAreaPayload,
+} from '@/types/api/master-data/area';
+import {
+ CreateLocationPayload,
+ Location,
+ UpdateLocationPayload,
+} from '@/types/api/master-data/location';
+import {
+ CreateKandangPayload,
+ Kandang,
+ UpdateKandangPayload,
+} from '@/types/api/master-data/kandang';
+import {
+ CreateWarehousePayload,
+ UpdateWarehousePayload,
+ Warehouse,
+} from '@/types/api/master-data/warehouse';
+import {
+ CreateCustomerPayload,
+ Customer,
+ UpdateCustomerPayload,
+} from '@/types/api/master-data/customer';
+import {
+ CreateProductCategoryPayload,
+ ProductCategory,
+ UpdateProductCategoryPayload,
+} from '@/types/api/master-data/product-category';
+import {
+ CreateProductPayload,
+ Product,
+ UpdateProductPayload,
+} from '@/types/api/master-data/product';
+import {
+ CreateSupplierPayload,
+ Supplier,
+ UpdateSupplierPayload,
+} from '@/types/api/master-data/supplier';
+import {
+ CreateNonstockPayload,
+ Nonstock,
+ UpdateNonstockPayload,
+} from '@/types/api/master-data/nonstock';
+import {
+ Bank,
+ CreateBankPayload,
+ UpdateBankPayload,
+} from '@/types/api/master-data/bank';
+import {
+ CreateFcrPayload,
+ Fcr,
+ UpdateFcrPayload,
+} from '@/types/api/master-data/fcr';
+
+export const UomApi = new BaseApiService<
+ Uom,
+ CreateUomPayload,
+ UpdateUomPayload
+>('/master-data/uoms');
+
+export const AreaApi = new BaseApiService<
+ Area,
+ CreateAreaPayload,
+ UpdateAreaPayload
+>('/master-data/areas');
+
+export const LocationApi = new BaseApiService<
+ Location,
+ CreateLocationPayload,
+ UpdateLocationPayload
+>('/master-data/locations');
+
+export const KandangApi = new BaseApiService<
+ Kandang,
+ CreateKandangPayload,
+ UpdateKandangPayload
+>('/master-data/kandangs');
+
+export const WarehouseApi = new BaseApiService<
+ Warehouse,
+ CreateWarehousePayload,
+ UpdateWarehousePayload
+>('/master-data/warehouses');
+
+export const CustomerApi = new BaseApiService<
+ Customer,
+ CreateCustomerPayload,
+ UpdateCustomerPayload
+>('/master-data/customers');
+export const ProductCategoryApi = new BaseApiService<
+ ProductCategory,
+ CreateProductCategoryPayload,
+ UpdateProductCategoryPayload
+>('/master-data/product-categories');
+
+export const ProductApi = new BaseApiService<
+ Product,
+ CreateProductPayload,
+ UpdateProductPayload
+>('/master-data/products');
+
+export const SupplierApi = new BaseApiService<
+ Supplier,
+ CreateSupplierPayload,
+ UpdateSupplierPayload
+>('/master-data/suppliers');
+
+export const NonstockApi = new BaseApiService<
+ Nonstock,
+ CreateNonstockPayload,
+ UpdateNonstockPayload
+>('/master-data/nonstocks');
+
+export const BankApi = new BaseApiService<
+ Bank,
+ CreateBankPayload,
+ UpdateBankPayload
+>('/master-data/banks');
+
+export const FcrApi = new BaseApiService<
+ Fcr,
+ CreateFcrPayload,
+ UpdateFcrPayload
+>('/master-data/fcrs');
diff --git a/src/services/api/user.ts b/src/services/api/user.ts
new file mode 100644
index 00000000..779cca07
--- /dev/null
+++ b/src/services/api/user.ts
@@ -0,0 +1,8 @@
+import { BaseApiService } from '@/services/api/base';
+import { CreateUserPayload, UpdateUserPayload, User } from '@/types/api/user';
+
+export const UserApi = new BaseApiService<
+ User,
+ CreateUserPayload,
+ UpdateUserPayload
+>('/users');
diff --git a/src/services/hooks/useAuth.tsx b/src/services/hooks/useAuth.tsx
index 012badfa..86bf43ed 100644
--- a/src/services/hooks/useAuth.tsx
+++ b/src/services/hooks/useAuth.tsx
@@ -1,5 +1,5 @@
import { create } from 'zustand';
-import { UserWithRoles } from '@/types/api';
+import { UserWithRoles } from '@/types/api/api-general';
type AuthStore = {
user?: UserWithRoles;
@@ -16,10 +16,12 @@ const useAuthStore = create()((set) => ({
}));
export const useAuth = () => {
- const { user, setUser } = useAuthStore();
+ const { user, setUser, isLoadingUser, setIsLoadingUser } = useAuthStore();
return {
user,
setUser,
+ isLoadingUser,
+ setIsLoadingUser,
};
};
diff --git a/src/services/hooks/useTableFilter.tsx b/src/services/hooks/useTableFilter.tsx
new file mode 100644
index 00000000..d11d477f
--- /dev/null
+++ b/src/services/hooks/useTableFilter.tsx
@@ -0,0 +1,246 @@
+import { useCallback, useMemo, useReducer } from 'react';
+
+/** Core filter shape (page + pageSize) extended by your custom fields */
+export type TableFilterState> = {
+ page: number;
+ pageSize: number;
+} & TExtra;
+
+type Action> =
+ | { type: 'SET_PAGE'; page: number }
+ | { type: 'SET_PAGE_SIZE'; pageSize: number; resetPage?: boolean }
+ | { type: 'SET_FILTERS'; filters: Partial; resetPage?: boolean }
+ | {
+ type: 'UPDATE_FILTER';
+ key: keyof TExtra;
+ value: TExtra[keyof TExtra];
+ resetPage?: boolean;
+ }
+ | { type: 'REPLACE_ALL'; next: TableFilterState }
+ | { type: 'RESET' };
+
+export type UseTableFilterOptions> = {
+ /** Initial state; anything you omit falls back to defaults */
+ initial?: Partial>;
+ /** Called after any state change */
+ onChange?: (state: TableFilterState) => void;
+ /** Default page size (if not provided in initial) */
+ defaultPageSize?: number;
+ /** Optional mapping to rename keys when exporting to URL (e.g., { pageSize: "rows" }) */
+ paramMap?: Partial, string>>;
+ /** If true, `toSearchParams`/`toQueryString` will omit values equal to defaults */
+ omitDefaultsInUrl?: boolean;
+};
+
+function clampToInt(n: number, min = 1) {
+ const v = Number.isFinite(n) ? Math.floor(n) : min;
+ return v < min ? min : v;
+}
+
+function createInitialState>(
+ opts: UseTableFilterOptions | undefined
+): TableFilterState {
+ const defaults = {
+ page: 1,
+ pageSize: opts?.defaultPageSize ?? 10,
+ } as TableFilterState;
+
+ return {
+ ...defaults,
+ ...(opts?.initial as object),
+ } as TableFilterState;
+}
+
+function serializeValue(v: unknown): string | null {
+ if (v === undefined || v === null) return null;
+ if (v instanceof Date) return v.toISOString();
+ if (Array.isArray(v)) return v.map((x) => x ?? '').join(','); // e.g., ids=1,2,3
+ const t = typeof v;
+ if (t === 'string' || t === 'number' || t === 'boolean') return String(v);
+ try {
+ return JSON.stringify(v);
+ } catch {
+ return null;
+ }
+}
+
+// function shallowEqual(a: unknown, b: unknown): boolean {
+// if (a === b) return true;
+// if (!a || !b) return false;
+// const ka = Object.keys(a);
+// const kb = Object.keys(b);
+// if (ka.length !== kb.length) return false;
+// for (const k of ka) if (a[k] !== b[k]) return false;
+// return true;
+// }
+
+function shallowEqual>(
+ a: T | undefined | null,
+ b: T | undefined | null
+): boolean {
+ if (a === b) return true;
+ if (!a || !b) return false;
+ const ka = Object.keys(a) as (keyof T)[];
+ const kb = Object.keys(b) as (keyof T)[];
+ if (ka.length !== kb.length) return false;
+ for (const k of ka) if (a[k] !== b[k]) return false;
+ return true;
+}
+
+export function useTableFilter>(
+ options?: UseTableFilterOptions
+) {
+ const defaults = useMemo(
+ () => createInitialState(options),
+ [options]
+ );
+
+ const [state, dispatch] = useReducer(
+ (
+ s: TableFilterState,
+ a: Action
+ ): TableFilterState => {
+ switch (a.type) {
+ case 'SET_PAGE':
+ return { ...s, page: clampToInt(a.page) };
+ case 'SET_PAGE_SIZE': {
+ const pageSize = clampToInt(a.pageSize);
+ const page = a.resetPage ? 1 : s.page;
+ return { ...s, pageSize, page };
+ }
+ case 'SET_FILTERS': {
+ const page = a.resetPage ? 1 : s.page;
+ return { ...s, ...a.filters, page };
+ }
+ case 'UPDATE_FILTER': {
+ const page = a.resetPage ? 1 : s.page;
+ return { ...s, [a.key]: a.value, page } as TableFilterState;
+ }
+ case 'REPLACE_ALL':
+ return {
+ ...a.next,
+ page: clampToInt(a.next.page),
+ pageSize: clampToInt(a.next.pageSize),
+ };
+ case 'RESET':
+ return defaults;
+ default:
+ return s;
+ }
+ },
+ defaults
+ );
+
+ // Notify consumer on change (stable ref)
+ const onChange = options?.onChange;
+ useMemo(() => {
+ if (onChange) onChange(state);
+ }, [state, onChange]);
+
+ // Helpers (stable)
+ const setPage = useCallback((page: number) => {
+ dispatch({ type: 'SET_PAGE', page });
+ }, []);
+
+ const setPageSize = useCallback((pageSize: number, resetPage = true) => {
+ dispatch({ type: 'SET_PAGE_SIZE', pageSize, resetPage });
+ }, []);
+
+ const setFilters = useCallback(
+ (filters: Partial, resetPage = true) => {
+ dispatch({ type: 'SET_FILTERS', filters, resetPage });
+ },
+ []
+ );
+
+ const updateFilter = useCallback(
+ (key: K, value: TExtra[K], resetPage = true) => {
+ dispatch({ type: 'UPDATE_FILTER', key, value, resetPage });
+ },
+ [dispatch]
+ );
+
+ const replaceAll = useCallback((next: TableFilterState) => {
+ dispatch({ type: 'REPLACE_ALL', next });
+ }, []);
+
+ const reset = useCallback(() => dispatch({ type: 'RESET' }), []);
+
+ const core = useMemo(
+ () => ({ page: state.page, pageSize: state.pageSize }),
+ [state.page, state.pageSize]
+ );
+
+ const extras = useMemo(() => {
+ const { page, pageSize, ...rest } = state as TableFilterState<
+ Record
+ >;
+ return rest as TExtra;
+ }, [state]);
+
+ /** Map a key using paramMap (if provided) */
+ const mapKey = useCallback(
+ (key: string) => {
+ const m = options?.paramMap as Record | undefined;
+ return (m && m[key]) || key;
+ },
+ [options?.paramMap]
+ );
+
+ /** Build URLSearchParams from current state */
+ const toSearchParams = useCallback(() => {
+ const params = new URLSearchParams();
+ const source = state as Record;
+ const baseline = options?.omitDefaultsInUrl
+ ? (defaults as Record)
+ : null;
+
+ for (const key of Object.keys(source)) {
+ const value = source[key];
+ if (value === undefined || value === null) continue;
+
+ if (
+ baseline &&
+ shallowEqual(
+ value as Record,
+ baseline[key] as Record
+ )
+ ) {
+ continue;
+ }
+
+ const mapped = mapKey(key);
+ const serialized = serializeValue(value);
+ if (serialized !== null) params.set(mapped, serialized);
+ }
+ return params;
+ }, [state, defaults, options?.omitDefaultsInUrl, mapKey]);
+
+ /** Build query string (prefixed with '?', or empty string if none) */
+ const toQueryString = useCallback(() => {
+ const sp = toSearchParams();
+ const s = sp.toString();
+ return s ? `?${s}` : '';
+ }, [toSearchParams]);
+
+ return {
+ /** Full state (page, pageSize, and extras) */
+ state,
+ /** Convenience accessors */
+ page: state.page,
+ pageSize: state.pageSize,
+ filters: extras,
+ /** Setters */
+ setPage,
+ setPageSize,
+ setFilters,
+ updateFilter,
+ replaceAll,
+ reset,
+ /** Sometimes handy to have just the core pair */
+ core,
+ /** URL helpers */
+ toSearchParams,
+ toQueryString,
+ };
+}
diff --git a/src/services/http/client.ts b/src/services/http/client.ts
index 29ffc6db..adba75e9 100644
--- a/src/services/http/client.ts
+++ b/src/services/http/client.ts
@@ -1,6 +1,6 @@
import axios from 'axios';
import type { AxiosRequestConfig } from 'axios';
-import { HttpError, RequestOptions } from '@/services/http/base';
+import { RequestOptions } from '@/services/http/base';
const BASE_URL = process.env.NEXT_PUBLIC_API_BASE_URL ?? '';
const axiosClient = axios.create({ baseURL: BASE_URL, timeout: 10_000 });
@@ -9,7 +9,9 @@ export async function httpClient(
path: string,
opts: RequestOptions = {}
): Promise {
- const isCookieAuth = opts.auth === 'cookie';
+ const isCookieAuth =
+ opts.auth === 'cookie' ||
+ (!opts.auth && opts.auth !== 'none' && opts.auth !== 'bearer');
const isBearerAuth = opts.auth === 'bearer' && !!opts.token;
const config: AxiosRequestConfig = {
@@ -18,27 +20,25 @@ export async function httpClient(
params: opts.query,
data: opts.body,
timeout: opts.timeoutMs ?? 10_000,
- withCredentials: isCookieAuth,
+ withCredentials: isCookieAuth && !isBearerAuth,
headers: {
'Content-Type': 'application/json',
...(opts.headers ?? {}),
- ...(isBearerAuth ? { Authorization: `Bearer ${opts.token}` } : {}),
+ ...(isBearerAuth && !isCookieAuth
+ ? { Authorization: `Bearer ${opts.token}` }
+ : {}),
},
};
try {
const res = await axiosClient.request(config);
return res.data;
- } catch (e: any) {
- if (axios.isAxiosError(e)) {
- throw e;
- }
-
- throw new HttpError(e.response?.status ?? 0, e.code, e.response?.data);
+ } catch (e: unknown) {
+ throw e;
}
}
-type SWRHttpKey =
+export type SWRHttpKey =
| string
| [path: string, opts?: RequestOptions]
| { path: string; opts?: RequestOptions };
diff --git a/src/stores/ui/slices/main.slice.ts b/src/stores/ui/slices/main.slice.ts
new file mode 100644
index 00000000..31f8f447
--- /dev/null
+++ b/src/stores/ui/slices/main.slice.ts
@@ -0,0 +1,12 @@
+import { StateCreator } from 'zustand';
+import { MainUiSlice } from '@/types/stores';
+
+export const createMainUiSlice: StateCreator<
+ MainUiSlice,
+ [],
+ [],
+ MainUiSlice
+> = (set): MainUiSlice => ({
+ mainDrawerOpen: false,
+ setMainDrawerOpen: (open) => set(() => ({ mainDrawerOpen: open })),
+});
diff --git a/src/stores/ui/ui.store.ts b/src/stores/ui/ui.store.ts
index 86016974..2e64dcc1 100644
--- a/src/stores/ui/ui.store.ts
+++ b/src/stores/ui/ui.store.ts
@@ -4,9 +4,15 @@ import { create } from 'zustand';
import { devtools } from 'zustand/middleware';
import { UIStore } from '@/types/stores';
+import { createMainUiSlice } from './slices/main.slice';
export const useUiStore = create()(
- devtools((...args) => ({}), {
- name: 'UIStore',
- })
+ devtools(
+ (...args) => ({
+ ...createMainUiSlice(...args),
+ }),
+ {
+ name: 'UIStore',
+ }
+ )
);
diff --git a/src/types/api.d.ts b/src/types/api.d.ts
deleted file mode 100644
index 1ae9f613..00000000
--- a/src/types/api.d.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-type ErrorApiResponse = {
- code: number;
- status: 'error';
- message: string;
- errors?: { [key: string]: string };
-};
-
-type SuccessApiResponse = {
- code: number;
- status: 'success';
- message: string;
- meta?: {
- page: number;
- limit: number;
- total_pages: number;
- total_results: number;
- };
- data: T;
-};
-
-type BaseApiResponse = ErrorApiResponse | SuccessApiResponse;
-
-export type User = {
- id: number;
- email: string;
- npk: string;
- name: string;
- image?: string | null;
- created_at: string;
- updated_at: string;
-};
-
-export type UserWithRoles = User & {
- roles: RoleWithPermissions[];
-};
diff --git a/src/types/api/api-general.d.ts b/src/types/api/api-general.d.ts
new file mode 100644
index 00000000..6a3fc6be
--- /dev/null
+++ b/src/types/api/api-general.d.ts
@@ -0,0 +1,68 @@
+export type ErrorApiResponse = {
+ code: number;
+ status: 'error';
+ message: string;
+ errors?: { [key: string]: string };
+};
+
+export type SuccessApiResponse = {
+ code: number;
+ status: 'success';
+ message: string;
+ meta?: {
+ page: number;
+ limit: number;
+ total_pages: number;
+ total_results: number;
+ };
+ data: T;
+};
+
+type BaseApiResponse = ErrorApiResponse | SuccessApiResponse;
+
+export type LogoutResponse = BaseApiResponse;
+
+export type GetMeResponse = BaseApiResponse;
+
+export type User = {
+ id: number;
+ email: string;
+ npk: string;
+ name: string;
+ image?: string | null;
+ created_at: string;
+ updated_at: string;
+};
+
+export type UserWithRoles = User & {
+ roles: RoleWithPermissions[];
+};
+
+export type CreatedUser = {
+ id: number;
+ id_user: number;
+ email: string;
+ name: string;
+};
+
+export type BaseMetadata = {
+ created_user: CreatedUser;
+ created_at: string;
+ updated_at: string;
+};
+
+export type Override = Omit &
+ Overrides;
+
+export type flags =
+ | 'PAKAN'
+ | 'OBAT'
+ | 'VITAMIN'
+ | 'KIMIA'
+ | 'EKSPEDISI'
+ | 'IS_ACTIVE'
+ | 'DOC'
+ | 'PRE-STARTER'
+ | 'STARTER'
+ | 'FINISHER'
+ | 'OVK';
diff --git a/src/types/api/master-data/area.d.ts b/src/types/api/master-data/area.d.ts
new file mode 100644
index 00000000..74e0196e
--- /dev/null
+++ b/src/types/api/master-data/area.d.ts
@@ -0,0 +1,14 @@
+import { BaseMetadata } from '@/types/api/api-general';
+
+export type BaseArea = {
+ id: number;
+ name: string;
+};
+
+export type Area = BaseMetadata & BaseArea;
+
+export type CreateAreaPayload = {
+ name: string;
+};
+
+export type UpdateAreaPayload = CreateAreaPayload;
diff --git a/src/types/api/master-data/bank.d.ts b/src/types/api/master-data/bank.d.ts
new file mode 100644
index 00000000..0b23b446
--- /dev/null
+++ b/src/types/api/master-data/bank.d.ts
@@ -0,0 +1,20 @@
+import { BaseMetadata } from '@/types/api/api-general';
+
+export type BaseBank = {
+ id: number;
+ name: string;
+ alias: string;
+ owner?: string;
+ account_number: string;
+};
+
+export type Bank = BaseMetadata & BaseBank;
+
+export type CreateBankPayload = {
+ name: string;
+ alias: string;
+ account_number: string;
+ owner?: string;
+};
+
+export type UpdateBankPayload = CreateBankPayload;
diff --git a/src/types/api/master-data/customer.d.ts b/src/types/api/master-data/customer.d.ts
new file mode 100644
index 00000000..fa133cab
--- /dev/null
+++ b/src/types/api/master-data/customer.d.ts
@@ -0,0 +1,27 @@
+import { BaseMetadata, CreatedUser } from "@/types/api/api-general";
+
+export type BaseCustomer = {
+ id: number;
+ name: string;
+ pic_id: number;
+ pic: CreatedUser;
+ type: string;
+ address: string;
+ phone: string;
+ email: string;
+ account_number: string;
+}
+
+export type Customer = BaseMetadata & BaseCustomer;
+
+export type CreateCustomerPayload = {
+ name: string;
+ pic_id: number;
+ type: string;
+ address: string;
+ phone: string;
+ email: string;
+ account_number: string;
+}
+
+export type UpdateCustomerPayload = CreateCustomerPayload;
\ No newline at end of file
diff --git a/src/types/api/master-data/fcr.d.ts b/src/types/api/master-data/fcr.d.ts
new file mode 100644
index 00000000..45ad25e5
--- /dev/null
+++ b/src/types/api/master-data/fcr.d.ts
@@ -0,0 +1,30 @@
+import { BaseMetadata } from '@/types/api/api-general';
+
+export type BaseFcr = {
+ id: number;
+ name: string;
+};
+
+export type FcrStandard = {
+ id: number;
+ weight: number;
+ fcr_number: number;
+ mortality: number;
+};
+
+export type Fcr = BaseMetadata & BaseFcr;
+
+export type FcrWithStandards = Fcr & {
+ fcr_standards: FcrStandard[];
+};
+
+export type CreateFcrPayload = {
+ name: string;
+ fcr_standards: {
+ weight: number;
+ fcr_number: number;
+ mortality: number;
+ }[];
+};
+
+export type UpdateFcrPayload = CreateFcrPayload;
diff --git a/src/types/api/master-data/kandang.d.ts b/src/types/api/master-data/kandang.d.ts
new file mode 100644
index 00000000..e05006d1
--- /dev/null
+++ b/src/types/api/master-data/kandang.d.ts
@@ -0,0 +1,20 @@
+import { BaseMetadata } from '@/types/api/api-general';
+import { BaseLocation } from '@/types/api/master-data/location';
+import { BaseUser } from '@/types/api/user';
+
+export type BaseKandang = {
+ id: number;
+ name: string;
+ location: BaseLocation;
+ pic: BaseUser;
+};
+
+export type Kandang = BaseMetadata & BaseKandang;
+
+export type CreateKandangPayload = {
+ name: string;
+ location_id: number;
+ pic_id: number;
+};
+
+export type UpdateKandangPayload = CreateKandangPayload;
diff --git a/src/types/api/master-data/location.d.ts b/src/types/api/master-data/location.d.ts
new file mode 100644
index 00000000..91912ab7
--- /dev/null
+++ b/src/types/api/master-data/location.d.ts
@@ -0,0 +1,19 @@
+import { BaseMetadata } from '@/types/api/api-general';
+import { BaseArea } from '@/types/api/master-data/area';
+
+export type BaseLocation = {
+ id: number;
+ name: string;
+ address: string;
+ area: BaseArea;
+};
+
+export type Location = BaseMetadata & BaseLocation;
+
+export type CreateLocationPayload = {
+ name: string;
+ address: string;
+ area_id: number;
+};
+
+export type UpdateLocationPayload = CreateLocationPayload;
diff --git a/src/types/api/master-data/nonstock.d.ts b/src/types/api/master-data/nonstock.d.ts
new file mode 100644
index 00000000..e4e79d8e
--- /dev/null
+++ b/src/types/api/master-data/nonstock.d.ts
@@ -0,0 +1,23 @@
+import { BaseApiResponse, BaseMetadata, flags } from '@/types/api/api-general';
+import { BaseUom } from '@/types/api/master-data/uom';
+import { BaseSupplier } from '@/types/api/master-data/supplier';
+
+export type BaseNonstock = {
+ id: number;
+ name: string;
+ uom_id: number;
+ uom: BaseUom;
+ suppliers: BaseSupplier[];
+ flags: flags[];
+};
+
+export type Nonstock = BaseMetadata & BaseNonstock;
+
+export type CreateNonstockPayload = {
+ name: string;
+ uom_id: number;
+ supplier_ids: number[];
+ flags: flags[];
+};
+
+export type UpdateNonstockPayload = CreateNonstockPayload;
diff --git a/src/types/api/master-data/product-category.d.ts b/src/types/api/master-data/product-category.d.ts
new file mode 100644
index 00000000..3dd6203e
--- /dev/null
+++ b/src/types/api/master-data/product-category.d.ts
@@ -0,0 +1,16 @@
+import { BaseMetadata } from '@/types/api/api-general';
+
+export type BaseProductCategory = {
+ id: number;
+ code: string;
+ name: string;
+};
+
+export type ProductCategory = BaseMetadata & BaseProductCategory;
+
+export type CreateProductCategoryPayload = {
+ code: string;
+ name: string;
+};
+
+export type UpdateProductCategoryPayload = CreateProductCategoryPayload;
diff --git a/src/types/api/master-data/product.d.ts b/src/types/api/master-data/product.d.ts
new file mode 100644
index 00000000..d4039750
--- /dev/null
+++ b/src/types/api/master-data/product.d.ts
@@ -0,0 +1,37 @@
+import { BaseMetadata } from '@/types/api/api-general';
+import { Uom } from '@/types/api/master-data/uom';
+import { ProductCategory } from '@/types/api/master-data/product-category';
+import { Supplier } from '@/types/api/master-data/supplier';
+
+export type BaseProduct = {
+ id: number;
+ name: string;
+ brand: string;
+ sku: string;
+ product_price: number;
+ selling_price?: number;
+ tax?: number;
+ expiry_period: number;
+ uom: Uom;
+ product_category: ProductCategory;
+ suppliers: Supplier[];
+ flags: string[];
+};
+
+export type Product = BaseMetadata & BaseProduct;
+
+export type CreateProductPayload = {
+ name: string;
+ brand: string;
+ sku: string;
+ uom_id: number;
+ product_category_id: number;
+ product_price: number;
+ selling_price: number;
+ tax: number;
+ expiry_period: number;
+ supplier_ids: number[];
+ flags: string[];
+};
+
+export type UpdateProductPayload = CreateProductPayload;
\ No newline at end of file
diff --git a/src/types/api/master-data/supplier.d.ts b/src/types/api/master-data/supplier.d.ts
new file mode 100644
index 00000000..e6998a25
--- /dev/null
+++ b/src/types/api/master-data/supplier.d.ts
@@ -0,0 +1,38 @@
+import { BaseMetadata } from '@/types/api/api-general';
+
+export type BaseSupplier = {
+ id: number;
+ name: string;
+ alias: string;
+ pic: string;
+ type: string;
+ category: string;
+ hatchery: string;
+ phone: string;
+ email: string;
+ address: string;
+ npwp: string;
+ account_number: string;
+ due_date: number;
+ balance?: number;
+}
+
+export type Supplier = BaseMetadata & BaseSupplier;
+
+export type CreateSupplierPayload = {
+ name: string;
+ alias: string;
+ pic: string;
+ type: string;
+ category: string;
+ hatchery: string;
+ phone: string;
+ email: string;
+ address: string;
+ npwp: string;
+ account_number: string;
+ due_date: number;
+ balance?: number;
+}
+
+export type UpdateSupplierPayload = CreateSupplierPayload;
\ No newline at end of file
diff --git a/src/types/api/master-data/uom.d.ts b/src/types/api/master-data/uom.d.ts
new file mode 100644
index 00000000..0d2f0210
--- /dev/null
+++ b/src/types/api/master-data/uom.d.ts
@@ -0,0 +1,14 @@
+import { BaseMetadata } from '@/types/api/api-general';
+
+export type BaseUom = {
+ id: number;
+ name: string;
+};
+
+export type Uom = BaseMetadata & BaseUom;
+
+export type CreateUomPayload = {
+ name: string;
+};
+
+export type UpdateUomPayload = CreateUomPayload;
diff --git a/src/types/api/master-data/warehouse.d.ts b/src/types/api/master-data/warehouse.d.ts
new file mode 100644
index 00000000..41c5b1cd
--- /dev/null
+++ b/src/types/api/master-data/warehouse.d.ts
@@ -0,0 +1,81 @@
+import { BaseMetadata, Override } from '@/types/api/api-general';
+import { BaseArea } from '@/types/api/master-data/area';
+import { BaseLocation } from '@/types/api/master-data/location';
+import { BaseKandang } from '@/types/api/master-data/kandang';
+import { BaseUser } from '@/types/api/master-data/user';
+
+export type WarehouseType = 'AREA' | 'LOKASI' | 'KANDANG';
+
+export type BaseWarehouse = {
+ id: number;
+ name: string;
+};
+
+export type BaseWarehouseArea = BaseWarehouse & {
+ type: 'AREA';
+ area: BaseArea;
+};
+
+export type BaseWarehouseLocation = BaseWarehouse & {
+ type: 'LOKASI';
+ area: BaseArea;
+ location: Override<
+ BaseLocation,
+ {
+ area: BaseArea | null;
+ }
+ >;
+};
+
+export type BaseWarehouseKandang = BaseWarehouse & {
+ type: 'KANDANG';
+ area: BaseArea;
+ location: Override<
+ BaseLocation,
+ {
+ area: BaseArea | null;
+ }
+ >;
+ kandang: Override<
+ BaseKandang,
+ {
+ location: BaseLocation | null;
+ pic: BaseUser | null;
+ }
+ >;
+};
+
+export type Warehouse = BaseMetadata &
+ (BaseWarehouseArea | BaseWarehouseLocation | BaseWarehouseKandang);
+
+export type BaseCreateWarehousePayload = {
+ name: string;
+};
+
+export type BaseCreateWarehouseAreaPayload = BaseCreateWarehousePayload & {
+ type: 'AREA';
+ area_id: number;
+};
+
+export type BaseCreateWarehouseLocationPayload = Override<
+ BaseCreateWarehouseAreaPayload,
+ {
+ type: 'LOKASI';
+ location_id: number;
+ }
+>;
+
+export type BaseCreateWarehouseKandangPayload = Override<
+ BaseCreateWarehouseLocationPayload,
+ {
+ type: 'KANDANG';
+ kandang_id: number;
+ }
+>;
+
+export type CreateWarehousePayload =
+ | BaseCreateWarehouseAreaPayload
+ | BaseCreateWarehouseLocationPayload
+ | BaseCreateWarehouseKandangPayload;
+
+export type UpdateWarehousePayload = CreateWarehousePayload;
diff --git a/src/types/api/user.d.ts b/src/types/api/user.d.ts
new file mode 100644
index 00000000..2190e1a8
--- /dev/null
+++ b/src/types/api/user.d.ts
@@ -0,0 +1,18 @@
+import { BaseMetadata } from '@/types/api/api-general';
+
+export type BaseUser = {
+ id: number;
+ id_user: number;
+ email: string;
+ name: string;
+};
+
+export type User = BaseMetadata & BaseUser;
+
+export type CreateUserPayload = {
+ id_user: number;
+ name: string;
+ email: string;
+};
+
+export type UpdateUserPayload = CreateUserPayload;
diff --git a/src/types/stores.d.ts b/src/types/stores.d.ts
index 08900862..1a3046ae 100644
--- a/src/types/stores.d.ts
+++ b/src/types/stores.d.ts
@@ -1 +1,6 @@
-export type UIStore = {};
+type MainUiSlice = {
+ mainDrawerOpen: boolean;
+ setMainDrawerOpen: (open: boolean) => void;
+};
+
+export type UIStore = MainUiSlice;
diff --git a/src/types/theme.d.ts b/src/types/theme.d.ts
index cff880fd..f83750e4 100644
--- a/src/types/theme.d.ts
+++ b/src/types/theme.d.ts
@@ -6,6 +6,7 @@ type Color =
| 'info'
| 'success'
| 'warning'
- | 'error';
+ | 'error'
+ | 'none';
export { Color };