url/checkcle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix the SSLStatusBadge component to ensure it correctly uses the translations for all SSL status types

Browse Source
This commit is contained in:
Tola Leng
2025-05-17 21:06:50 +08:00
parent caaa32ea13
commit 466ef1cb90
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
application/src/components/ssl-domain/SSLStatusBadge.tsx
+6 -5
View File
@@ -1,31 +1,32 @@
import React from "react"; import React from "react";
import { Badge } from "@/components/ui/badge"; import { Badge } from "@/components/ui/badge";
import { useLanguage } from "@/contexts/LanguageContext";
interface SSLStatusBadgeProps { interface SSLStatusBadgeProps {
status: string; status: string;
} }
export const SSLStatusBadge: React.FC<SSLStatusBadgeProps> = ({ status }) => { export const SSLStatusBadge: React.FC<SSLStatusBadgeProps> = ({ status }) => {
const { t } = useLanguage();
let variant = ""; let variant = "";
let label = ""; let label = "";
switch (status) { switch (status) {
case "valid": case "valid":
variant = "bg-green-500 hover:bg-green-600"; variant = "bg-green-500 hover:bg-green-600";
label = "Valid"; label = t('valid');
break; break;
case "expiring_soon": case "expiring_soon":
variant = "bg-yellow-500 hover:bg-yellow-600"; variant = "bg-yellow-500 hover:bg-yellow-600";
label = "Expiring Soon"; label = t('expiringSoon');
break; break;
case "expired": case "expired":
variant = "bg-red-500 hover:bg-red-600"; variant = "bg-red-500 hover:bg-red-600";
label = "Expired"; label = t('expired');
break; break;
case "pending": case "pending":
variant = "bg-blue-500 hover:bg-blue-600"; variant = "bg-blue-500 hover:bg-blue-600";
label = "Pending"; label = t('pending');
break; break;
default: default:
variant = "bg-gray-500 hover:bg-gray-600"; variant = "bg-gray-500 hover:bg-gray-600";