chore: add Bark terms link and exit disclosure to security page (#2544)

* chore: add Bark terms link and exit disclosure to security page

Link Second's Terms of Service from the Bark setup security screen, note
that the hub must stay online so automatically refreshed funds do not
expire, and clarify (via tooltip) that unilateral exit is not built into
Alby Hub yet and must be executed manually with the wallet data.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* chore: improve copy

---------

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Roland 2026-08-12 22:04:43 +07:00 committed by GitHub
parent 1c7c026e54
commit 1c7abc62e9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,6 +1,7 @@
import {
ClockIcon,
HandCoinsIcon,
InfoIcon,
LandmarkIcon,
ShieldAlertIcon,
UnlockIcon,
@ -13,6 +14,12 @@ import TwoColumnLayoutHeader from "src/components/TwoColumnLayoutHeader";
import { Button } from "src/components/ui/button";
import { Checkbox } from "src/components/ui/checkbox";
import { Label } from "src/components/ui/label";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "src/components/ui/tooltip";
import { useInfo } from "src/hooks/useInfo";
import useSetupStore from "src/state/SetupStore";
@ -70,11 +77,52 @@ export function SetupSecurity() {
</div>
<div className="flex gap-3 items-center">
<ClockIcon className="size-6 shrink-0" />
<span className="text-sm text-muted-foreground">
Your funds will be refreshed periodically which will incur a
small fee.
<span className="text-sm text-muted-foreground flex items-center justify-center gap-1">
Your funds must be refreshed periodically{" "}
<TooltipProvider>
<Tooltip>
<TooltipTrigger type="button">
<InfoIcon className="size-4 text-muted-foreground" />
</TooltipTrigger>
<TooltipContent className="max-w-xs">
Your virtual UTXOs (VTXOs) will be refreshed
automatically to ensure you maintain ownership.
Refreshes may incur a small fee. Keep your Alby Hub
online so your funds do not expire.
</TooltipContent>
</Tooltip>
</TooltipProvider>
</span>
</div>
<div className="flex gap-3 items-center">
<ShieldAlertIcon className="size-6 shrink-0" />
<span className="text-sm text-muted-foreground flex items-center justify-center gap-1">
Unilateral exit is not implemented in Alby Hub yet{" "}
<TooltipProvider>
<Tooltip>
<TooltipTrigger type="button">
<InfoIcon className="size-4 text-muted-foreground" />
</TooltipTrigger>
<TooltipContent className="max-w-xs">
You will need to take your hub wallet data and execute
the exit yourself.
</TooltipContent>
</Tooltip>
</TooltipProvider>
</span>
</div>
<ExternalLink
className="text-muted-foreground flex items-center text-sm"
to="https://second.tech/terms"
>
<p>
By using Bark you agree to{" "}
<span className="font-semibold underline">
Second&apos;s Terms of Service
</span>
.
</p>
</ExternalLink>
</>
)}
<div className="flex gap-3 items-center">