1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
// SPDX-FileCopyrightText: 2026 Progmasoft <support@progmasoft.com>
// SPDX-License-Identifier: AGPL-3.0-or-later WITH AdditionRef-Progmasoft-Patent-Grant-1.1
import type { Metadata } from "next";
import { Footer } from "@/components/Footer";
import { SiteHeader } from "@/components/SiteHeader";
import { getLocale } from "@/lib/locale.server";
import {
type PolicyKind,
type PolicyMessages,
type PolicyText,
policyUrls,
policyVersion,
} from "@/lib/policies";
import { getPolicyMessages } from "@/lib/policy-messages";
/** One policy and the other, with their addresses. */
function select(messages: PolicyMessages, kind: PolicyKind) {
const privacy = { text: messages.privacy, url: policyUrls.privacy };
const security = { text: messages.security, url: policyUrls.security };
return kind === "privacy"
? { policy: privacy, other: { ...security, path: "/security" } }
: { policy: security, other: { ...privacy, path: "/privacy" } };
}
/** The title, description and canonical address of a policy page. */
export async function policyMetadata(kind: PolicyKind): Promise<Metadata> {
const { policy } = select(getPolicyMessages(await getLocale()), kind);
return {
title: policy.text.title,
description: policy.text.description,
alternates: { canonical: policy.url },
};
}
/** progmasoft.com/privacy and progmasoft.com/security. */
export async function PolicyPage({ kind }: { kind: PolicyKind }) {
const locale = await getLocale();
const messages = getPolicyMessages(locale);
const selected = select(messages, kind);
const policy: PolicyText = selected.policy.text;
const other = selected.other;
return (
<div className="pm-page">
<SiteHeader locale={locale} />
<main>
<section className="pm-hero">
<div className="pm-shell pm-product-hero">
<h1>{policy.title}</h1>
<p className="pm-lede">{policy.description}</p>
<p className="pm-policy-version">
{messages.versionLabel}{" "}
<time dateTime={policyVersion}>{messages.versionDate}</time>
</p>
</div>
</section>
<section className="pm-section">
<article className="pm-shell pm-policy">
{policy.sections.map((section) => (
<section key={section.heading}>
<h2>{section.heading}</h2>
{section.paragraphs.map((paragraph) => (
<p key={paragraph}>{paragraph}</p>
))}
</section>
))}
<p className="pm-policy-see-also">
{messages.seeAlso}: <a href={other.path}>{other.text.title}</a>
</p>
</article>
</section>
</main>
<Footer locale={locale} />
</div>
);
}
|