diff --git a/src/components/CertificateStatus.tsx b/src/components/CertificateStatus.tsx index 65e0d19ae..7dd9c5dd2 100644 --- a/src/components/CertificateStatus.tsx +++ b/src/components/CertificateStatus.tsx @@ -1,7 +1,7 @@ "use client"; import { Button } from "@/components/ui/button"; -import { RotateCw } from "lucide-react"; +import { Loader2, RotateCw } from "lucide-react"; import { useCertificate } from "@app/hooks/useCertificate"; import { useTranslations } from "next-intl"; @@ -78,7 +78,11 @@ export default function CertificateStatus({ {t("certificateStatus")}: )} - + + {t("loading")} diff --git a/src/hooks/useCertificate.ts b/src/hooks/useCertificate.ts index f5c1429df..217359f98 100644 --- a/src/hooks/useCertificate.ts +++ b/src/hooks/useCertificate.ts @@ -47,18 +47,18 @@ export function useCertificate({ if (showLoading) { setCertLoading(true); } - setCertError(null); try { const res = await api.get< AxiosResponse >(`/org/${orgId}/certificate/${domainId}/${fullDomain}`); const certData = res.data.data; if (certData) { + setCertError(null); setCert(certData); } } catch (error: any) { console.error("Failed to fetch certificate:", error); - setCertError("Failed to fetch certificate"); + setCertError("Failed"); } finally { if (showLoading) { setCertLoading(false); @@ -84,7 +84,7 @@ export function useCertificate({ }, 500); } catch (error: any) { console.error("Failed to restart certificate:", error); - setCertError("Failed to restart certificate"); + setCertError("Failed to restart"); } finally { setRefreshing(false); }