refactor(FE): Update styling and imports in CustomerPaymentTab

This commit is contained in:
rstubryan
2026-01-23 21:53:59 +07:00
parent 762fb08568
commit 7b82888aa6
@@ -3,10 +3,7 @@ import useSWR from 'swr';
import { Icon } from '@iconify/react'; import { Icon } from '@iconify/react';
import Card from '@/components/Card'; import Card from '@/components/Card';
import Badge from '@/components/Badge'; import Badge from '@/components/Badge';
import SelectInput, { import SelectInput, { useSelect } from '@/components/input/SelectInput';
useSelect,
OptionType,
} from '@/components/input/SelectInput';
import SelectInputCheckbox from '@/components/input/SelectInputCheckbox'; import SelectInputCheckbox from '@/components/input/SelectInputCheckbox';
import DateInput from '@/components/input/DateInput'; import DateInput from '@/components/input/DateInput';
import { CustomerApi } from '@/services/api/master-data'; import { CustomerApi } from '@/services/api/master-data';
@@ -81,14 +78,14 @@ const CustomerPaymentTab = () => {
const normalizedValue = notes.toLowerCase(); const normalizedValue = notes.toLowerCase();
if (normalizedValue === 'lunas') { if (normalizedValue === 'lunas') {
return 'bg-info/10 text-info border-info'; return 'bg-info/10 text-black border-info';
} }
if (normalizedValue.includes('belum')) { if (normalizedValue.includes('belum')) {
return 'bg-warning/10 text-warning border-warning'; return 'bg-warning/10 text-black border-warning';
} }
return 'bg-gray-100 text-gray-600 border-gray-300'; return 'bg-gray-100 text-black border-gray-300';
}; };
const getPaymentStatusIndicatorColor = (notes: string) => { const getPaymentStatusIndicatorColor = (notes: string) => {
@@ -781,7 +778,7 @@ const CustomerPaymentTab = () => {
pageSize={customerReport.rows.length + 1} pageSize={customerReport.rows.length + 1}
renderFooter={customerReport.rows.length > 0} renderFooter={customerReport.rows.length > 0}
className={{ className={{
containerClassName: 'w-full', containerClassName: 'w-full mb-0!',
tableWrapperClassName: 'overflow-x-auto', tableWrapperClassName: 'overflow-x-auto',
tableClassName: 'w-full table-auto text-sm', tableClassName: 'w-full table-auto text-sm',
headerRowClassName: 'border-b border-b-gray-200 bg-gray-50', headerRowClassName: 'border-b border-b-gray-200 bg-gray-50',