gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-20 13:32:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(FE-438): Extract uniformity status and weight helpers

Browse Source
This commit is contained in:
rstubryan
2025-12-29 13:16:39 +07:00
parent 9f2fcbf154
commit cd41d5daab
5 changed files with 76 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/uniformity/UniformityTable.tsx
+5 -30
View File
@@ -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<string, string> = {
APPROVED: 'bg-[#00D39033]',
REJECTED: 'bg-error/10',
CREATED: 'bg-[#f3f3f4]',
};
const statusIndicatorColorMap: Record<string, string> = {
APPROVED: 'bg-[#008000]',
REJECTED: 'bg-error',
CREATED: 'bg-[#D9D9D9]',
};
const statusTextMap: Record<string, string> = {
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';
src/components/pages/uniformity/detail/UniformityDetail.tsx
+5 -30
View File
@@ -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<string, string> = {
APPROVED: 'bg-[#00D39033]',
REJECTED: 'bg-error/10',
CREATED: 'bg-[#f3f3f4]',
};
const statusIndicatorColorMap: Record<string, string> = {
APPROVED: 'bg-[#008000]',
REJECTED: 'bg-error',
CREATED: 'bg-[#D9D9D9]',
};
const statusTextMap: Record<string, string> = {
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;
src/components/pages/uniformity/detail/UniformityDetailsPreview.tsx
+5 -27
View File
@@ -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<string, string> = {
ideal: 'bg-[#00D39033]',
outside: 'bg-error/10',
};
const weightStatusIndicatorColorMap: Record<string, string> = {
ideal: 'bg-[#008000]',
outside: 'bg-error',
};
const weightStatusTextMap: Record<string, string> = {
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;
src/components/pages/uniformity/form/UniformityResultForm.tsx
+5 -27
View File
@@ -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<string, string> = {
ideal: 'bg-[#00D39033]',
outside: 'bg-error/10',
};
const weightStatusIndicatorColorMap: Record<string, string> = {
ideal: 'bg-[#008000]',
outside: 'bg-error',
};
const weightStatusTextMap: Record<string, string> = {
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;
src/components/pages/uniformity/uniformity-utils.ts
+56
View File
@@ -0,0 +1,56 @@
export const weightStatusColorMap: Record<string, string> = {
ideal: 'bg-[#00D39033]',
outside: 'bg-error/10',
};
export const weightStatusIndicatorColorMap: Record<string, string> = {
ideal: 'bg-[#008000]',
outside: 'bg-error',
};
export const weightStatusTextMap: Record<string, string> = {
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<string, string> = {
APPROVED: 'bg-[#00D39033]',
REJECTED: 'bg-error/10',
CREATED: 'bg-[#f3f3f4]',
};
export const statusIndicatorColorMap: Record<string, string> = {
APPROVED: 'bg-[#008000]',
REJECTED: 'bg-error',
CREATED: 'bg-[#D9D9D9]',
};
export const statusTextMap: Record<string, string> = {
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;
};