Files
ttstd-infinite-canvas/web/src/components/layout/site-compliance-footer.tsx
T

23 lines
1.0 KiB
TypeScript

import { ExternalLink } from "lucide-react";
import { cn } from "@/lib/utils";
import { useAppearanceStore } from "@/stores/use-appearance-store";
const MIIT_FILING_URL = "https://beian.miit.gov.cn/";
export function SiteComplianceFooter({ className, variant = "default" }: { className?: string; variant?: "default" | "auth" }) {
const appearance = useAppearanceStore((state) => state.appearance);
return (
<footer className={cn("site-compliance-footer", variant === "auth" && "is-auth", className)} aria-label="站点版权与备案信息">
<span>{appearance.footerCopyright}</span>
{appearance.icpFilingEnabled && appearance.icpFilingNumber ? (
<a href={MIIT_FILING_URL} target="_blank" rel="noopener noreferrer" aria-label={`${appearance.icpFilingNumber},前往工业和信息化部备案管理系统查询`}>
{appearance.icpFilingNumber}
<ExternalLink aria-hidden="true" />
</a>
) : null}
</footer>
);
}