+
({
onPrevPage={prevPageClickHandler}
onNextPage={nextPageClickHandler}
onPageChange={pageChangeHandler}
+ rowOptions={rowOptions}
+ onRowChange={onPageSizeChange}
/>
)}
diff --git a/src/components/helper/RequireAuth.tsx b/src/components/helper/RequireAuth.tsx
index dbd4b6bc..119d74cb 100644
--- a/src/components/helper/RequireAuth.tsx
+++ b/src/components/helper/RequireAuth.tsx
@@ -6,147 +6,9 @@ import useSWRImmutable from 'swr/immutable';
import { useAuth } from '@/services/hooks/useAuth';
import { httpClientFetcher, SWRHttpKey } from '@/services/http/client';
-import { isResponseSuccess } from '@/lib/api-helper';
-import { GetMeResponse } from '@/types/api/api-general';
-
-// TODO: delete this later, DONT HARDCODE USER DATA
-const DUMMY_USER = {
- id: 1,
- email: 'admin@mbugroup.id',
- npk: '0001',
- name: 'Super Admin',
- image: null,
- created_at: '2025-09-30T03:24:20.899229Z',
- updated_at: '2025-09-30T03:24:20.899229Z',
- roles: [
- {
- id: 1,
- key: 'mbu.super_admin',
- name: 'MBU Administrator',
- client: {
- id: 1,
- name: 'PT Mitra Berlian Unggas',
- alias: 'MBU',
- },
- permissions: [
- {
- id: 1,
- name: 'mbu:purchase:read',
- action: 'read',
- client: {
- id: 1,
- name: 'PT Mitra Berlian Unggas',
- alias: 'MBU',
- },
- },
- {
- id: 2,
- name: 'mbu:purchase:create',
- action: 'create',
- client: {
- id: 1,
- name: 'PT Mitra Berlian Unggas',
- alias: 'MBU',
- },
- },
- {
- id: 3,
- name: 'mbu:purchase:approve',
- action: 'approve',
- client: {
- id: 1,
- name: 'PT Mitra Berlian Unggas',
- alias: 'MBU',
- },
- },
- ],
- },
- {
- id: 2,
- key: 'lti.super_admin',
- name: 'LTI Administrator',
- client: {
- id: 2,
- name: 'PT Lumbung Telur Indonesia',
- alias: 'LTI',
- },
- permissions: [
- {
- id: 4,
- name: 'lti:purchase:read',
- action: 'read',
- client: {
- id: 2,
- name: 'PT Lumbung Telur Indonesia',
- alias: 'LTI',
- },
- },
- {
- id: 5,
- name: 'lti:purchase:create',
- action: 'create',
- client: {
- id: 2,
- name: 'PT Lumbung Telur Indonesia',
- alias: 'LTI',
- },
- },
- {
- id: 6,
- name: 'lti:purchase:approve',
- action: 'approve',
- client: {
- id: 2,
- name: 'PT Lumbung Telur Indonesia',
- alias: 'LTI',
- },
- },
- ],
- },
- {
- id: 3,
- key: 'manbu.super_admin',
- name: 'MANBU Administrator',
- client: {
- id: 3,
- name: 'PT Mandiri Berlian Unggas',
- alias: 'MANBU',
- },
- permissions: [
- {
- id: 7,
- name: 'manbu:purchase:read',
- action: 'read',
- client: {
- id: 3,
- name: 'PT Mandiri Berlian Unggas',
- alias: 'MANBU',
- },
- },
- {
- id: 8,
- name: 'manbu:purchase:create',
- action: 'create',
- client: {
- id: 3,
- name: 'PT Mandiri Berlian Unggas',
- alias: 'MANBU',
- },
- },
- {
- id: 9,
- name: 'manbu:purchase:approve',
- action: 'approve',
- client: {
- id: 3,
- name: 'PT Mandiri Berlian Unggas',
- alias: 'MANBU',
- },
- },
- ],
- },
- ],
-};
+import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
+import { BaseApiResponse, GetMeResponse } from '@/types/api/api-general';
+import { AxiosError } from 'axios';
interface RequireAuthProps {
children?: ReactNode;
@@ -156,17 +18,20 @@ const RequireAuth = ({ children }: RequireAuthProps) => {
const router = useRouter();
const { setUser, setIsLoadingUser } = useAuth();
- const { data: userResponse, isLoading: isLoadingUserResponse } =
- useSWRImmutable
(
- '/auth/sso/userinfo',
- httpClientFetcher,
- {
- shouldRetryOnError: false,
- revalidateOnFocus: false,
- revalidateOnReconnect: false,
- refreshInterval: 0,
- }
- );
+ const {
+ data: userResponse,
+ isLoading: isLoadingUserResponse,
+ error: userErrorResponse,
+ } = useSWRImmutable<
+ GetMeResponse & { ok?: boolean },
+ AxiosError,
+ SWRHttpKey
+ >('/sso/userinfo', httpClientFetcher, {
+ shouldRetryOnError: false,
+ revalidateOnFocus: false,
+ revalidateOnReconnect: false,
+ refreshInterval: 0,
+ });
useEffect(() => {
setIsLoadingUser(isLoadingUserResponse);
@@ -175,23 +40,25 @@ const RequireAuth = ({ children }: RequireAuthProps) => {
useEffect(() => {
if (isResponseSuccess(userResponse)) {
setUser(userResponse.data);
- } else {
- // router.replace(process.env.NEXT_PUBLIC_SSO_LOGIN_URL as string);
- // TODO: remove this later, DONT HARDCODE USER DATA
- setUser(DUMMY_USER);
+ } else if (
+ isResponseError(userErrorResponse?.response?.data) &&
+ typeof window !== 'undefined'
+ ) {
+ router.replace(
+ `${process.env.NEXT_PUBLIC_SSO_LOGIN_URL as string}?redirect_url=${window.location.href}`
+ );
}
- }, [userResponse, setIsLoadingUser, setUser]);
+ }, [userResponse, userErrorResponse, setIsLoadingUser, setUser]);
- // TODO: uncomment this later
- // if (isLoadingUserResponse && !userResponse) {
- // return (
- //
- //
- //
- // );
- // }
+ if (isLoadingUserResponse && !userResponse && !userErrorResponse) {
+ return (
+
+
+
+ );
+ }
- return <>{children};
+ return <>{isResponseSuccess(userResponse) && children};
};
export default RequireAuth;
diff --git a/src/components/input/CheckboxInput.tsx b/src/components/input/CheckboxInput.tsx
index f14bc852..32f14f94 100644
--- a/src/components/input/CheckboxInput.tsx
+++ b/src/components/input/CheckboxInput.tsx
@@ -2,8 +2,9 @@
import { HTMLProps, useEffect, useRef } from 'react';
import { cn } from '@/lib/helper';
+import { Size } from '@/types/theme';
-interface CheckboxInputProps extends HTMLProps {
+interface CheckboxInputProps extends Omit, 'size'> {
name: string;
label?: string;
indeterminate?: boolean;
@@ -16,6 +17,7 @@ interface CheckboxInputProps extends HTMLProps {
isError?: boolean;
isValid?: boolean;
errorMessage?: string;
+ size?: Size;
}
const CheckboxInput = ({
@@ -27,10 +29,19 @@ const CheckboxInput = ({
isValid,
isError,
errorMessage,
+ size = 'sm',
...rest
}: CheckboxInputProps) => {
const ref = useRef(null!);
+ const checkboxBaseClassName = cn('checkbox cursor-pointer rounded-md', {
+ 'checkbox-xs': size === 'xs',
+ 'checkbox-sm': size === 'sm',
+ 'checkbox-md': size === 'md',
+ 'checkbox-lg': size === 'lg',
+ 'checkbox-xl': size === 'xl',
+ });
+
useEffect(() => {
if (typeof indeterminate === 'boolean') {
ref.current.indeterminate = !rest.checked && indeterminate;
@@ -53,7 +64,7 @@ const CheckboxInput = ({
id={name}
name={name}
className={cn(
- 'checkbox rounded-md cursor-pointer',
+ checkboxBaseClassName,
{
'border-error': isError,
'border-success': isValid,
diff --git a/src/components/menu/Menu.tsx b/src/components/menu/Menu.tsx
index b3981065..ae74717d 100644
--- a/src/components/menu/Menu.tsx
+++ b/src/components/menu/Menu.tsx
@@ -1,16 +1,32 @@
import { ReactNode } from 'react';
import { cn } from '@/lib/helper';
+import { Size } from '@/types/theme';
interface MenuProps {
children?: ReactNode;
+ size?: Size;
+ direction?: 'vertical' | 'horizontal';
className?: string;
}
-const Menu = ({ children, className }: MenuProps) => {
- return (
-
- );
+const Menu = ({
+ children,
+ size = 'md',
+ direction = 'vertical',
+ className,
+}: MenuProps) => {
+ const menuBaseClassName = cn('menu w-full', {
+ 'menu-xs': size === 'xs',
+ 'menu-sm': size === 'sm',
+ 'menu-md': size === 'md',
+ 'menu-lg': size === 'lg',
+ 'menu-xl': size === 'xl',
+ 'menu-vertical': direction === 'vertical',
+ 'menu-horizontal': direction === 'horizontal',
+ });
+
+ return ;
};
export default Menu;
diff --git a/src/components/molecules/SidebarMenu.tsx b/src/components/molecules/SidebarMenu.tsx
new file mode 100644
index 00000000..6a217dcc
--- /dev/null
+++ b/src/components/molecules/SidebarMenu.tsx
@@ -0,0 +1,92 @@
+import Link from 'next/link';
+import Menu from '@/components/menu/Menu';
+import { Icon } from '@iconify/react';
+import { cn, isPathActive } from '@/lib/helper';
+
+export interface SidebarMenuItem {
+ type?: 'item' | 'title';
+ text: string;
+ link: string;
+ icon?: string;
+ submenu?: SidebarMenuItem[];
+}
+
+interface SidebarMenuItemProps {
+ item: SidebarMenuItem;
+ activeLink: string;
+}
+
+interface SidebarMenuProps {
+ menu: SidebarMenuItem[];
+ activeLink: string;
+}
+
+const SidebarMenuItem = ({ item, activeLink }: SidebarMenuItemProps) => {
+ const isItemActive = isPathActive(activeLink, item.link);
+
+ const menuItemWithoutSubmenu = (
+
+
+ {item.icon && }
+
+ {item.text}
+
+
+ );
+
+ if (!item.submenu || item.submenu.length === 0) {
+ return menuItemWithoutSubmenu;
+ }
+
+ const menuItemWithSubmenu = (
+
+
+
+ {item.icon && }
+
+ {item.text}
+
+
+
+ {item.submenu.map((submenuItem, submenuIdx) => (
+
+ ))}
+
+
+
+ );
+
+ return menuItemWithSubmenu;
+};
+
+const SidebarMenu = ({ menu, activeLink }: SidebarMenuProps) => {
+ return (
+
+ );
+};
+
+export default SidebarMenu;
diff --git a/src/components/pages/closing/ClosingDetail.tsx b/src/components/pages/closing/ClosingDetail.tsx
new file mode 100644
index 00000000..86f39d18
--- /dev/null
+++ b/src/components/pages/closing/ClosingDetail.tsx
@@ -0,0 +1,96 @@
+'use client';
+
+import { useMemo, useState } from 'react';
+
+import { Icon } from '@iconify/react';
+import Button from '@/components/Button';
+import Tabs from '@/components/Tabs';
+import ClosingGeneralInformationTable from '@/components/pages/closing/ClosingGeneralInformationTable';
+
+import { ClosingGeneralInformation } from '@/types/api/closing';
+import ClosingSapronakTabContent from './ClosingSapronakTabContent';
+import ClosingSapronakCalculationTabContent from '@/components/pages/closing/ClosingSapronakCalculationTabContent';
+
+interface ClosingDetailProps {
+ id: number;
+ initialValue?: ClosingGeneralInformation;
+}
+
+const ClosingDetail: React.FC = ({ id, initialValue }) => {
+ const [activeTab, setActiveTab] = useState('sapronak');
+
+ const closingDetailTabs = useMemo(() => {
+ const validTabs = [
+ {
+ id: 'sapronak',
+ label: 'Sapronak',
+ content: ,
+ },
+ {
+ id: 'perhitunganSapronak',
+ label: 'Perhitungan Sapronak',
+ content: ,
+ },
+ {
+ id: 'penjualan',
+ label: 'Penjualan',
+ content: 'Penjualan',
+ },
+ {
+ id: 'overhead',
+ label: 'Overhead',
+ content: 'Overhead',
+ },
+ {
+ id: 'hppEkspedisi',
+ label: 'HPP Ekspedisi',
+ content: 'HPP Ekspedisi',
+ },
+ {
+ id: 'dataProduksi',
+ label: 'Data Produksi',
+ content: 'Data Produksi',
+ },
+ {
+ id: 'keuangan',
+ label: 'Keuangan',
+ content: 'Keuangan',
+ },
+ ];
+
+ return validTabs;
+ }, [initialValue]);
+
+ return (
+ <>
+
+
+
+
+ Detail Closing
+
+
+
+
+
+
+
+ );
+};
+
+export default ClosingDetail;
diff --git a/src/components/pages/closing/ClosingGeneralInformationTable.tsx b/src/components/pages/closing/ClosingGeneralInformationTable.tsx
new file mode 100644
index 00000000..af21497a
--- /dev/null
+++ b/src/components/pages/closing/ClosingGeneralInformationTable.tsx
@@ -0,0 +1,100 @@
+import { ClosingGeneralInformation } from '@/types/api/closing';
+
+interface ClosingGeneralInformationProps {
+ initialValue?: ClosingGeneralInformation;
+}
+
+const ClosingGeneralInformationTable = ({
+ initialValue,
+}: ClosingGeneralInformationProps) => {
+ return (
+
+
+
+
+
+
+
+ | Lokasi |
+ : |
+ {initialValue?.location_name} |
+
+
+ | Periode |
+ : |
+ {initialValue?.period} |
+
+
+ | Kategori |
+ : |
+ {initialValue?.project_category} |
+
+
+ | Populasi |
+ : |
+ {initialValue?.population} Ekor |
+
+
+ | Jenis Project |
+ : |
+ {initialValue?.project_type} |
+
+
+ | Kandang Aktif |
+ : |
+ {initialValue?.active_house_count} Kandang |
+
+
+ | Status Pembayaran Penjualan |
+ : |
+ {initialValue?.sales_payment_status} |
+
+
+ | Status Project |
+ : |
+ {initialValue?.project_status} |
+
+
+ | Status Closing |
+ : |
+ {initialValue?.closing_status} |
+
+
+
+
+
+
+
+
+
+
+
+ | Kandang Aktif |
+ : |
+ {initialValue?.active_house_count} Kandang |
+
+
+ | Status Pembayaran Penjualan |
+ : |
+ {initialValue?.sales_payment_status} |
+
+
+ | Status Project |
+ : |
+ {initialValue?.project_status} |
+
+
+ | Status Closing |
+ : |
+ {initialValue?.closing_status} |
+
+
+
+
+
+
+
Sapronak Masuk
+
+
+