feat: Display 90-day uptime history.

Updated the public status page to display 90 days of uptime history and added detailed incident history information on hover.
This commit is contained in:
Tola Leng
2025-06-06 18:48:49 +08:00
parent dd2c64420d
commit 86e1e70e22
7 changed files with 621 additions and 0 deletions
@@ -0,0 +1,23 @@
import { Globe } from 'lucide-react';
import { OperationalPageRecord } from '@/types/operational.types';
interface PublicStatusPageFooterProps {
page: OperationalPageRecord;
}
export const PublicStatusPageFooter = ({ page }: PublicStatusPageFooterProps) => {
return (
<div className="text-center text-sm text-muted-foreground">
<div className="flex items-center justify-center gap-2 mb-2">
<Globe className="h-4 w-4" />
{page.custom_domain ? (
<span>Status page hosted at {page.custom_domain}</span>
) : (
<span>Status page</span>
)}
</div>
<p>© {new Date().getFullYear()} {page.title}. All rights reserved.</p>
</div>
);
};