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-316): Use CSS background classes for status badges

Browse Source
This commit is contained in:
rstubryan
2025-12-24 10:57:02 +07:00
parent b9c1989cae
commit 20d124504b
1 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/uniformity/UniformityTable.tsx
+8 -10
View File
@@ -22,16 +22,15 @@ import { useModal } from '@/components/Modal';
import ConfirmationModal from '@/components/modal/ConfirmationModal';
import toast from 'react-hot-toast';
import Card from '@/components/Card';
import { Color } from '@/types/theme';
const statusColorMap: Record<string, Color> = {
APPROVED: 'success',
REJECTED: 'error',
CREATED: 'none',
const statusColorMap: Record<string, string> = {
APPROVED: 'bg-[#00D39033]',
REJECTED: 'bg-error/10',
CREATED: 'bg-[#f3f3f4]',
};
const statusIndicatorColorMap: Record<string, string> = {
APPROVED: 'bg-success',
APPROVED: 'bg-[#008000]',
REJECTED: 'bg-error',
CREATED: 'bg-[#D9D9D9]',
};
@@ -42,8 +41,8 @@ const statusTextMap: Record<string, string> = {
CREATED: 'Pengajuan',
};
const getStatusColor = (status: string): Color => {
return statusColorMap[status] || 'info';
const getStatusColor = (status: string): string => {
return statusColorMap[status] || 'bg-info';
};
const getStatusIndicatorColor = (status: string): string => {
@@ -273,9 +272,8 @@ const UniformityTable = ({ refresh }: { refresh?: () => void }) => {
<Badge
statusIndicator={true}
variant='soft'
color={getStatusColor(status)}
className={{
badge: `rounded-xl w-full justify-start border border-gray-200`,
badge: `rounded-xl w-full justify-start border border-gray-200 text-black ${getStatusColor(status)}`,
status: getStatusIndicatorColor(status),
}}
>