chore(FE): Remove unused variables and imports across components

src/components/pages/dashboard/chart/DashboardLineChart.tsx

@@ -409,14 +409,14 @@ const DashboardLineChart = ({
               axisLine={{ stroke: '#C1C1C180', opacity: 0.5 }}
               domain={(() => {
                 // Calculate dynamic domain based on visible data
-                let seriesData: DashboardChartsSeries[] = [];
+                // let seriesData: DashboardChartsSeries[] = [];
                 let dataset: DashboardChartsDataset[] = [];
 
                 if (
                   analysisMode === 'OVERVIEW' &&
                   isOverviewCharts(data.charts)
                 ) {
-                  seriesData = data.charts[chartData]?.series || [];
+                  // seriesData = data.charts[chartData]?.series || [];
                   dataset = data.charts[chartData]?.dataset || [];
                 } else if (
                   analysisMode === 'COMPARISON' &&
@@ -426,7 +426,7 @@ const DashboardLineChart = ({
                     data.charts.farm ||
                     data.charts.flock ||
                     data.charts.kandang;
-                  seriesData = comparisonChart?.series || [];
+                  // seriesData = comparisonChart?.series || [];
                   dataset = comparisonChart?.dataset || [];
                 }
 

src/components/pages/finance/FinanceDetail.tsx

@@ -2,7 +2,6 @@ import Button from '@/components/Button';
 import Card from '@/components/Card';
 import { FormHeader } from '@/components/helper/form/FormHeader';
 import RequirePermission from '@/components/helper/RequirePermission';
-import DebouncedTextInput from '@/components/input/DebouncedTextInput';
 import { useModal } from '@/components/Modal';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
 import Table from '@/components/Table';

src/components/pages/marketing/DeliveryOrderFormModal.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import AlertErrorList from '@/components/helper/form/FormErrors';
-import { OptionType } from '@/components/input/SelectInput';
 import Modal, { useModal } from '@/components/Modal';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
 import { DeliveryOrderProductFormValues } from '@/components/pages/marketing/form/repeater/delivery-order/DeliverOrderProduct.schema';

src/components/pages/marketing/pdf/DeliveryOrderExport.tsx

@@ -1,7 +1,7 @@
 import Button from '@/components/Button';
 import { BaseDeliveryOrder, Marketing } from '@/types/api/marketing/marketing';
 import { Icon } from '@iconify/react';
-import { Document, Image, Page, pdf, Text, View } from '@react-pdf/renderer';
+import { Document, Page, pdf, Text, View } from '@react-pdf/renderer';
 import { useMemo, useState } from 'react';
 import { formatDate, formatNumber, formatVechicleNumber } from '@/lib/helper';
 import pdfStyles from '@/components/pages/marketing/pdf/styles/MarketingPDFStyles';

src/components/pages/master-data/product-category/ProductCategoryTable.tsx

@@ -1,12 +1,6 @@
 'use client';
 
-import {
+import { ChangeEventHandler, useEffect, useMemo, useState } from 'react';
-  ChangeEventHandler,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
 import { usePathname } from 'next/navigation';
 import useSWR from 'swr';
 import { CellContext, ColumnDef, SortingState } from '@tanstack/react-table';

src/components/pages/master-data/production-standard/form/ProductionStandardForm.tsx

@@ -178,14 +178,7 @@ const ProductionStandardForm = ({
   const router = useRouter();
 
   // ===== Store =====
-  const {
+  const { formData, setFormData, clearCache } = useFormStore();
-    formData,
-    setFormData,
-    addDetail,
-    updateDetail,
-    deleteDetail,
-    clearCache,
-  } = useFormStore();
 
   // ===== Formik =====
   // Initial values - only recalculate when initialValue changes (for edit/detail mode)

src/components/pages/production/recording/RecordingTable.tsx

@@ -40,7 +40,6 @@ import { RecordingApi } from '@/services/api/production';
 import { isResponseSuccess } from '@/lib/api-helper';
 import { useTableFilter } from '@/services/hooks/useTableFilter';
 import toast from 'react-hot-toast';
-import Badge from '@/components/Badge';
 import StatusBadge from '@/components/helper/StatusBadge';
 import CheckboxInput from '@/components/input/CheckboxInput';
 import { useUiStore } from '@/stores/ui/ui.store';

src/components/pages/production/uniformity/UniformityTable.tsx

@@ -19,7 +19,6 @@ import {
 import { isResponseSuccess } from '@/lib/api-helper';
 import { type BaseApiResponse } from '@/types/api/api-general';
 import Table from '@/components/Table';
-import Badge from '@/components/Badge';
 import StatusBadge from '@/components/helper/StatusBadge';
 import CheckboxInput from '@/components/input/CheckboxInput';
 import { useModal } from '@/components/Modal';
@@ -186,7 +185,7 @@ const UniformityTable = () => {
   const router = useRouter();
   const searchParams = useSearchParams();
   const pathname = usePathname();
-  const { searchValue, setSearchValue, setTableState } = useUiStore();
+  const { searchValue, setTableState } = useUiStore();
   const isSuccess = useUniformityStore((s) => s.isSuccess);
   const setIsSuccess = useUniformityStore((s) => s.setIsSuccess);
   const createdUniformity = useUniformityStore((s) => s.createdUniformity);
@@ -198,7 +197,6 @@ const UniformityTable = () => {
     state: tableFilterState,
     updateFilter,
     setPage,
-    setPageSize,
     toQueryString: getTableFilterQueryString,
   } = useTableFilter({
     initial: {

src/components/pages/purchase/PurchaseTable.tsx

@@ -22,7 +22,6 @@ import { useModal } from '@/components/Modal';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
 import PopoverButton from '@/components/popover/PopoverButton';
 import PopoverContent from '@/components/popover/PopoverContent';
-import SelectInput, { OptionType } from '@/components/input/SelectInput';
 import RequirePermission from '@/components/helper/RequirePermission';
 import StatusBadge from '@/components/helper/StatusBadge';
 import PurchaseTableSkeleton from '@/components/pages/purchase/skeleton/PurchaseTableSkeleton';
@@ -32,7 +31,6 @@ import { isResponseSuccess } from '@/lib/api-helper';
 import { BaseApiResponse } from '@/types/api/api-general';
 
 import { useTableFilter } from '@/services/hooks/useTableFilter';
-import { ROWS_OPTIONS } from '@/config/constant';
 import { Purchase } from '@/types/api/purchase/purchase';
 import { PurchaseApi } from '@/services/api/purchase';
 import { ExpenseApi } from '@/services/api/expense';
@@ -412,13 +410,13 @@ const PurchaseTable = () => {
     [updateFilter, setSearchValue]
   );
 
-  const pageSizeChangeHandler = useCallback(
+  // const pageSizeChangeHandler = useCallback(
-    (val: OptionType | OptionType[] | null) => {
+  //   (val: OptionType | OptionType[] | null) => {
-      const newVal = val as OptionType;
+  //     const newVal = val as OptionType;
-      setPageSize(newVal.value as number);
+  //     setPageSize(newVal.value as number);
-    },
+  //   },
-    [setPageSize]
+  //   [setPageSize]
-  );
+  // );
 
   return (
     <>

src/components/pages/report/finance/tab/CustomerPaymentTab.tsx

@@ -16,7 +16,6 @@ import {
   formatDate,
   formatNumber,
   formatTitleCase,
-  cn,
 } from '@/lib/helper';
 import {
   CustomerPaymentReport,

src/components/pages/report/logistic-stock/tab/PurchasesPerSupplierTab.tsx

@@ -6,7 +6,7 @@ import { useSelect } from '@/components/input/SelectInput';
 import Modal, { useModal } from '@/components/Modal';
 import Table from '@/components/Table';
 import { isResponseSuccess } from '@/lib/api-helper';
-import { cn, formatCurrency, formatDate, formatNumber } from '@/lib/helper';
+import { formatCurrency, formatDate, formatNumber } from '@/lib/helper';
 import { AreaApi } from '@/services/api/master-data';
 import { SupplierApi } from '@/services/api/master-data';
 import { ProductApi } from '@/services/api/master-data';

src/components/pages/report/marketing/tab/HppPerKandangTab.tsx

@@ -31,7 +31,6 @@ import {
 import SelectInputCheckbox from '@/components/input/SelectInputCheckbox';
 import SelectInputRadio from '@/components/input/SelectInputRadio';
 import Modal, { useModal } from '@/components/Modal';
-import { cn } from '@/lib/helper';
 import { useTabActionsStore } from '@/stores/tab-actions/tab-actions.store';
 import HppPerKandangSkeleton from '@/components/pages/report/marketing/skeleton/HppPerKandangSkeleton';
 import { useEffect as useEffectHook } from 'react';

src/components/pages/report/production-result/tab/ProductionResultProjectFlockKandangTab.tsx

@@ -37,7 +37,7 @@ import ProductionResultReportPDF from '../export/ProductionResultExportPDF';
 import { pdf } from '@react-pdf/renderer';
 import { useTabActionsStore } from '@/stores/tab-actions/tab-actions.store';
 import Modal, { useModal } from '@/components/Modal';
-import { cn, formatNumber } from '@/lib/helper';
+import { formatNumber } from '@/lib/helper';
 import Pagination from '@/components/Pagination';
 import ProductionResultSkeleton from '@/components/pages/report/production-result/skeleton/ProductionResultSkeleton';
 

src/lib/helper.ts

@@ -272,7 +272,7 @@ export function transformAdjustmentSubtypes(
 export function transformLegacyFlagAliases(
   aliases: ConstantsApiResponse['legacy_flag_aliases']
 ): OptionType[] {
-  return Object.entries(aliases).map(([key, value]) => ({
+  return Object.entries(aliases).map(([key]) => ({
     value: key,
     label: formatConstantLabel(key),
   }));