diff --git a/src/components/pages/uniformity/UniformityTable.tsx b/src/components/pages/uniformity/UniformityTable.tsx index 97194e98..72a9d2ad 100644 --- a/src/components/pages/uniformity/UniformityTable.tsx +++ b/src/components/pages/uniformity/UniformityTable.tsx @@ -24,36 +24,11 @@ import UniformityTableSkeleton from './skeleton/UniformityTableSkeleton'; import RequirePermission from '@/components/helper/RequirePermission'; import { useUniformityStore } from '@/stores/uniformity/uniformity.store'; import FloatingActionsButton from '@/components/FloatingActionsButton'; - -const statusColorMap: Record = { - APPROVED: 'bg-[#00D39033]', - REJECTED: 'bg-error/10', - CREATED: 'bg-[#f3f3f4]', -}; - -const statusIndicatorColorMap: Record = { - APPROVED: 'bg-[#008000]', - REJECTED: 'bg-error', - CREATED: 'bg-[#D9D9D9]', -}; - -const statusTextMap: Record = { - APPROVED: 'Disetujui', - REJECTED: 'Ditolak', - CREATED: 'Pengajuan', -}; - -const getStatusColor = (status: string): string => { - return statusColorMap[status] || 'bg-info'; -}; - -const getStatusIndicatorColor = (status: string): string => { - return statusIndicatorColorMap[status] || 'bg-info'; -}; - -const getStatusText = (status: string): string => { - return statusTextMap[status] || status; -}; +import { + getStatusColor, + getStatusIndicatorColor, + getStatusText, +} from '@/components/pages/uniformity/uniformity-utils'; const isUniformityLocked = (uniformity: Uniformity): boolean => { return uniformity.status === 'APPROVED' || uniformity.status === 'REJECTED'; diff --git a/src/components/pages/uniformity/detail/UniformityDetail.tsx b/src/components/pages/uniformity/detail/UniformityDetail.tsx index cae0a1ec..528c268a 100644 --- a/src/components/pages/uniformity/detail/UniformityDetail.tsx +++ b/src/components/pages/uniformity/detail/UniformityDetail.tsx @@ -15,36 +15,11 @@ import { UniformityDetail as UniformityDetailType } from '@/types/api/uniformity import { formatDate } from '@/lib/helper'; import { useUiStore } from '@/stores/ui/ui.store'; import UniformityDetailsPreview from './UniformityDetailsPreview'; - -const statusColorMap: Record = { - APPROVED: 'bg-[#00D39033]', - REJECTED: 'bg-error/10', - CREATED: 'bg-[#f3f3f4]', -}; - -const statusIndicatorColorMap: Record = { - APPROVED: 'bg-[#008000]', - REJECTED: 'bg-error', - CREATED: 'bg-[#D9D9D9]', -}; - -const statusTextMap: Record = { - APPROVED: 'Disetujui', - REJECTED: 'Ditolak', - CREATED: 'Pengajuan', -}; - -const getStatusColor = (status: string): string => { - return statusColorMap[status] || 'bg-info'; -}; - -const getStatusIndicatorColor = (status: string): string => { - return statusIndicatorColorMap[status] || 'bg-info'; -}; - -const getStatusText = (status: string): string => { - return statusTextMap[status] || status; -}; +import { + getStatusColor, + getStatusIndicatorColor, + getStatusText, +} from '@/components/pages/uniformity/uniformity-utils'; export type DetailOptionType = OptionType & { id: string; diff --git a/src/components/pages/uniformity/detail/UniformityDetailsPreview.tsx b/src/components/pages/uniformity/detail/UniformityDetailsPreview.tsx index 4949e368..8a20b8f8 100644 --- a/src/components/pages/uniformity/detail/UniformityDetailsPreview.tsx +++ b/src/components/pages/uniformity/detail/UniformityDetailsPreview.tsx @@ -15,33 +15,11 @@ import Table from '@/components/Table'; import Badge from '@/components/Badge'; import { formatNumber } from '@/lib/helper'; import { DetailOptionType } from '@/components/pages/uniformity/detail/UniformityDetail'; - -const weightStatusColorMap: Record = { - ideal: 'bg-[#00D39033]', - outside: 'bg-error/10', -}; - -const weightStatusIndicatorColorMap: Record = { - ideal: 'bg-[#008000]', - outside: 'bg-error', -}; - -const weightStatusTextMap: Record = { - ideal: 'Ideal', - outside: 'Outside', -}; - -const getWeightStatusColor = (status: string): string => { - return weightStatusColorMap[status] || 'bg-info'; -}; - -const getWeightStatusIndicatorColor = (status: string): string => { - return weightStatusIndicatorColorMap[status] || 'bg-info'; -}; - -const getWeightStatusText = (status: string): string => { - return weightStatusTextMap[status] || status; -}; +import { + getWeightStatusColor, + getWeightStatusIndicatorColor, + getWeightStatusText, +} from '@/components/pages/uniformity/uniformity-utils'; type BodyWeightData = { id: string; diff --git a/src/components/pages/uniformity/form/UniformityResultForm.tsx b/src/components/pages/uniformity/form/UniformityResultForm.tsx index 09be7fdd..7be02868 100644 --- a/src/components/pages/uniformity/form/UniformityResultForm.tsx +++ b/src/components/pages/uniformity/form/UniformityResultForm.tsx @@ -16,33 +16,11 @@ import { UniformityApi } from '@/services/api/uniformity'; import { isResponseError } from '@/lib/api-helper'; import Badge from '@/components/Badge'; import { formatNumber } from '@/lib/helper'; - -const weightStatusColorMap: Record = { - ideal: 'bg-[#00D39033]', - outside: 'bg-error/10', -}; - -const weightStatusIndicatorColorMap: Record = { - ideal: 'bg-[#008000]', - outside: 'bg-error', -}; - -const weightStatusTextMap: Record = { - ideal: 'Ideal', - outside: 'Outside', -}; - -const getWeightStatusColor = (status: string): string => { - return weightStatusColorMap[status] || 'bg-info'; -}; - -const getWeightStatusIndicatorColor = (status: string): string => { - return weightStatusIndicatorColorMap[status] || 'bg-info'; -}; - -const getWeightStatusText = (status: string): string => { - return weightStatusTextMap[status] || status; -}; +import { + getWeightStatusColor, + getWeightStatusIndicatorColor, + getWeightStatusText, +} from '@/components/pages/uniformity/uniformity-utils'; type BodyWeightData = { id: string; diff --git a/src/components/pages/uniformity/uniformity-utils.ts b/src/components/pages/uniformity/uniformity-utils.ts new file mode 100644 index 00000000..1c5ee0b5 --- /dev/null +++ b/src/components/pages/uniformity/uniformity-utils.ts @@ -0,0 +1,56 @@ +export const weightStatusColorMap: Record = { + ideal: 'bg-[#00D39033]', + outside: 'bg-error/10', +}; + +export const weightStatusIndicatorColorMap: Record = { + ideal: 'bg-[#008000]', + outside: 'bg-error', +}; + +export const weightStatusTextMap: Record = { + ideal: 'Ideal', + outside: 'Outside', +}; + +export const getWeightStatusColor = (status: string): string => { + return weightStatusColorMap[status] || 'bg-info'; +}; + +export const getWeightStatusIndicatorColor = (status: string): string => { + return weightStatusIndicatorColorMap[status] || 'bg-info'; +}; + +export const getWeightStatusText = (status: string): string => { + return weightStatusTextMap[status] || status; +}; + +export const statusColorMap: Record = { + APPROVED: 'bg-[#00D39033]', + REJECTED: 'bg-error/10', + CREATED: 'bg-[#f3f3f4]', +}; + +export const statusIndicatorColorMap: Record = { + APPROVED: 'bg-[#008000]', + REJECTED: 'bg-error', + CREATED: 'bg-[#D9D9D9]', +}; + +export const statusTextMap: Record = { + APPROVED: 'Disetujui', + REJECTED: 'Ditolak', + CREATED: 'Pengajuan', +}; + +export const getStatusColor = (status: string): string => { + return statusColorMap[status] || 'bg-info'; +}; + +export const getStatusIndicatorColor = (status: string): string => { + return statusIndicatorColorMap[status] || 'bg-info'; +}; + +export const getStatusText = (status: string): string => { + return statusTextMap[status] || status; +};