Alassane
96c48d0517
Co-authored-by: ayattara <alassane.yattara@savoirfairelinux.com> Co-authored-by: Claude Opus 5 <noreply@anthropic.com> Co-authored-by: Carlos Florencio <carlosmflorencio@gmail.com>
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import { useTranslation } from "react-i18next";
|
|
import { formatDateTime } from "@/lib/i18n/formats";
|
|
|
|
type PluginUpdateStatusProps = {
|
|
checking: boolean;
|
|
lastCheckedAt: string | null;
|
|
error: string | null;
|
|
};
|
|
|
|
/**
|
|
* The status strip below the plugin toolbar explains the independent Sync
|
|
* and marketplace-check actions, then reports the outcome of the last check.
|
|
* A check failure never blocks the plugin list; it only shows here.
|
|
*/
|
|
export function PluginUpdateStatus({ checking, lastCheckedAt, error }: PluginUpdateStatusProps) {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<div className="space-y-1 text-xs text-muted-foreground">
|
|
<p>{t("plugins:updateCheckDescription")}</p>
|
|
{checking && <p data-testid="plugins-updates-checking">{t("plugins:checkingForUpdates")}</p>}
|
|
{!checking && lastCheckedAt && (
|
|
<p data-testid="plugins-updates-last-checked">
|
|
{t("plugins:updatesLastChecked", { time: formatDateTime(lastCheckedAt) })}
|
|
</p>
|
|
)}
|
|
{error && (
|
|
<div
|
|
role="alert"
|
|
data-testid="plugins-update-check-error"
|
|
className="rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-destructive [overflow-wrap:anywhere]"
|
|
>
|
|
{error}
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|