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

fix(FE): change status badge

Browse Source
This commit is contained in:
randy-ar
2026-01-17 11:02:22 +07:00
parent a26919f037
commit 13abc6d7ce
1 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/production/project-flock/ProjectFlockTable.tsx
+21 -10
View File
@@ -15,7 +15,7 @@ import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWith
import Table from '@/components/Table'; import Table from '@/components/Table';
import { ROWS_OPTIONS } from '@/config/constant'; import { ROWS_OPTIONS } from '@/config/constant';
import { isResponseError, isResponseSuccess } from '@/lib/api-helper'; import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
import { cn, formatDate } from '@/lib/helper'; import { cn, formatDate, formatTitleCase } from '@/lib/helper';
import { AreaApi, KandangApi, LocationApi } from '@/services/api/master-data'; import { AreaApi, KandangApi, LocationApi } from '@/services/api/master-data';
import { ProjectFlockApi } from '@/services/api/production/project-flock'; import { ProjectFlockApi } from '@/services/api/production/project-flock';
import { useTableFilter } from '@/services/hooks/useTableFilter'; import { useTableFilter } from '@/services/hooks/useTableFilter';
@@ -254,7 +254,8 @@ const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
header: 'Status', header: 'Status',
cell: (props) => { cell: (props) => {
const approval = props.row.original.approval; const approval = props.row.original.approval;
const isRejected = approval?.action == 'REJECTED';
const isApproved = approval?.action == 'APPROVED';
return ( return (
<Badge <Badge
variant='soft' variant='soft'
@@ -262,11 +263,17 @@ const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
badge: 'rounded-lg px-2 w-full flex flex-row justify-start', badge: 'rounded-lg px-2 w-full flex flex-row justify-start',
}} }}
color={ color={
approval?.step_number == 1 isRejected
? 'neutral' ? 'error'
: approval?.step_number == 2 : isApproved
? 'success' ? approval?.step_number == 1
: 'error' ? 'neutral'
: approval?.step_number == 2
? 'primary'
: approval?.step_number == 3
? 'success'
: 'neutral'
: 'neutral'
} }
> >
<Icon <Icon
@@ -277,11 +284,15 @@ const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
approval?.step_number == 1 approval?.step_number == 1
? 'neutral' ? 'neutral'
: approval?.step_number == 2 : approval?.step_number == 2
? 'success' ? 'primary'
: 'error' : approval?.step_number == 3
? 'success'
: 'neutral'
} }
/> />
{approval?.step_name} {isRejected
? 'Ditolak'
: formatTitleCase(approval?.step_name || '')}
</Badge> </Badge>
); );
}, },