Kain344/History-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update color
All checks were successful
Build and Release / release (push) Successful in 27s
Details

Browse Source
This commit is contained in:
bokhonglo
2026-04-23 18:23:09 +07:00
parent d84352d848
commit 7013b93c53
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/tables/ApplicationDetailModal.tsx
View File

@@ -13,6 +13,7 @@ import "yet-another-react-lightbox/styles.css";
import "yet-another-react-lightbox/plugins/captions.css"; import "yet-another-react-lightbox/plugins/captions.css";
import { IsolatedContent } from "@/components/ui/IsolatedContent"; import { IsolatedContent } from "@/components/ui/IsolatedContent";
import { apiDeleteHistorianCV } from "@/service/historianService"; import { apiDeleteHistorianCV } from "@/service/historianService";
import { statusConfig } from "@/service/handler";
interface Props { interface Props {
isOpen: boolean; isOpen: boolean;
@@ -101,7 +102,9 @@ export default function ApplicationDetailModal({
if (!isOpen || !application) return null; if (!isOpen || !application) return null;
const userData = application.user || {}; const userData = application.user || {};
const currentStatus = statusConfig[application.status] || {
container: "bg-gray-50 border-gray-200 text-gray-600 shadow-sm",
};
return ( return (
<div className="fixed inset-0 z-999 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm"> <div className="fixed inset-0 z-999 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm">
<div className="w-full max-w-4xl max-h-[90vh] bg-white rounded-2xl dark:bg-gray-900 flex flex-col overflow-hidden text-gray-800 dark:text-gray-200"> <div className="w-full max-w-4xl max-h-[90vh] bg-white rounded-2xl dark:bg-gray-900 flex flex-col overflow-hidden text-gray-800 dark:text-gray-200">
@@ -149,13 +152,18 @@ export default function ApplicationDetailModal({
<p className="text-sm text-gray-500"> <p className="text-sm text-gray-500">
{userData.email || "Không có email"} {userData.email || "Không có email"}
</p> </p>
<div className="mt-1 flex gap-2"> <div className="mt-1 flex gap-2 items-center">
<span className="px-2 py-0.5 text-[10px] font-bold uppercase text-blue-600 bg-blue-100 rounded-md"> <span className="px-3 py-1 text-[11px] font-bold uppercase text-blue-600 bg-blue-100 rounded-md ">
{application.verify_type} {application.verify_type}
</span> </span>
<span <span
className={`px-2 py-0.5 text-[10px] font-semibold uppercase rounded-md ${application.status === "PENDING" ? "bg-yellow-100 text-yellow-600" : "bg-red-100 text-red-500"}`} className={`
> inline-flex items-center px-3 py-1
rounded-md border text-[11px] font-semibold uppercase
transition-colors duration-200
${currentStatus.container}
`}
>
{application.status} {application.status}
</span> </span>
</div> </div>