Skip to content

feat: add legal links to the home website #1288

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Arsabutispik wants to merge 3 commits into
base: main
Choose a base branch
from
Open

feat: add legal links to the home website #1288

Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9b3092f
feat: add legal links to the home website
Arsabutispik Jun 20, 2026
9ff26ce
fix: satisfy review
Arsabutispik Jun 20, 2026
622b4a8
refactor: Move the links to settings
Arsabutispik Jun 21, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
73 changes: 73 additions & 0 deletions packages/client/src/interface/Home.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -87,6 +87,27 @@ const SeparatedColumn = styled(Column, {
},
});

/**
* Legal links footer row
*/
const LegalLinks = styled("div", {
base: {
display: "flex",
gap: "var(--gap-lg)",
fontSize: "0.8em",
color: "var(--md-sys-color-on-surface-variant)",

"& a": {
color: "inherit",
textDecoration: "none",

"&:hover": {
textDecoration: "underline",
},
},
},
});

/**
* Home page
*/
Expand All @@ -100,6 +121,13 @@ export function HomePage() {
const isInLounge =
client()!.servers.get("01F7ZSBSFHQ8TA81725KQCSDDP") !== undefined;

const isLegalLinksAvailable = () => {
if (client().configured()) {
return client().configuration?.features.legal_links !== undefined;
}
return false;
};

return (
<Base>
<Header placement="primary">
Expand Down Expand Up @@ -228,6 +256,51 @@ export function HomePage() {
</CategoryButton>
</SeparatedColumn>
</Buttons>
<Show when={isLegalLinksAvailable()}>
<LegalLinks>
<Show
when={
client()!.configuration?.features.legal_links.terms_of_service
}
>
<a
href={
client()!.configuration?.features.legal_links.terms_of_service
}
target="_blank"
rel="noopener noreferrer"
>
<Trans>Terms of Service</Trans>
</a>
</Show>
<Show
when={
client()!.configuration?.features.legal_links.privacy_policy
}
>
<a
href={
client()!.configuration?.features.legal_links.privacy_policy
}
target="_blank"
rel="noopener noreferrer"
>
<Trans>Privacy Policy</Trans>
</a>
</Show>
<Show
when={client()!.configuration?.features.legal_links.guidelines}
>
<a
href={client()!.configuration?.features.legal_links.guidelines}
target="_blank"
rel="noopener noreferrer"
>
<Trans>Community Guidelines</Trans>
</a>
</Show>
</LegalLinks>
</Show>
<Show when={IS_DEV}>
<Button onPress={() => navigate("/dev")}>
Open Development Page
Expand Down
Loading