Skip to content

Commit 4c7946d

Browse files
authored
Enable new copy and privacy popover in passkey screen (#3394)
1 parent 5cc60c0 commit 4c7946d

File tree

1 file changed

+40
-49
lines changed

1 file changed

+40
-49
lines changed

src/frontend/src/lib/components/wizards/auth/views/SetupOrUseExistingPasskey.svelte

Lines changed: 40 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -46,13 +46,8 @@
4646
</h1>
4747

4848
<p class="text-md text-text-tertiary font-medium text-balance sm:text-center">
49-
{#if $AUTH_FLOW_UPDATES}
50-
Create an identity with a passkey, using biometrics or a security key.
51-
Your data never leaves your device.
52-
{:else}
53-
With passkeys, you can now use your fingerprint, face, or screen lock to
54-
quickly and securely confirm it’s really you.
55-
{/if}
49+
Create an identity with a passkey, using biometrics or a security key. Your
50+
data never leaves your device.
5651
</p>
5752
</div>
5853
<div class="flex flex-col gap-3">
@@ -98,49 +93,45 @@
9893
Continue from another device
9994
</Button>
10095
{/if}
101-
{#if $AUTH_FLOW_UPDATES}
102-
<div class="flex flex-row items-center justify-between gap-4">
103-
<p class="text-text-secondary text-sm">
104-
Learn about privacy preservation
105-
</p>
106-
<div bind:this={popoverAnchorRef}>
107-
<Button
108-
variant="tertiary"
109-
onclick={() => (showPrivacyPopover = !showPrivacyPopover)}
110-
>
111-
<HelpCircleIcon
112-
size="20"
113-
class="text-text-primary stroke-fg-tertiary"
114-
/>
115-
</Button>
116-
</div>
96+
<div class="flex flex-row items-center justify-between gap-4">
97+
<p class="text-text-secondary text-sm">Learn about privacy preservation</p>
98+
<div bind:this={popoverAnchorRef}>
99+
<Button
100+
variant="tertiary"
101+
onclick={() => (showPrivacyPopover = !showPrivacyPopover)}
102+
>
103+
<HelpCircleIcon
104+
size="20"
105+
class="text-text-primary stroke-fg-tertiary"
106+
/>
107+
</Button>
117108
</div>
118-
{#if showPrivacyPopover}
119-
<Popover
120-
anchor={popoverAnchorRef}
121-
direction="up"
122-
align="end"
123-
distance="10px"
124-
class="gap-0.5"
125-
onClose={() => (showPrivacyPopover = false)}
109+
</div>
110+
{#if showPrivacyPopover}
111+
<Popover
112+
anchor={popoverAnchorRef}
113+
direction="up"
114+
align="end"
115+
distance="10px"
116+
class="gap-0.5"
117+
onClose={() => (showPrivacyPopover = false)}
118+
>
119+
<p class="text-text-primary text-xs font-semibold">
120+
Internet Identity protects your privacy
121+
</p>
122+
<p class="text-text-secondary text-xs font-medium">
123+
Internet Identity never shares your personal data, such as email or
124+
name, with apps or websites. Instead, it creates a unique pseudonym for
125+
each app, so you can't be tracked across apps. All of this happens
126+
automatically in the background. You don't need to manage anything.
127+
</p>
128+
<a
129+
href={II_SUPPORT_PRIVACY_SECURITY}
130+
target="_blank"
131+
class="text-text-tertiary mt-2.5 self-end text-xs font-bold underline"
126132
>
127-
<p class="text-text-primary text-xs font-semibold">
128-
Internet Identity protects your privacy
129-
</p>
130-
<p class="text-text-secondary text-xs font-medium">
131-
Internet Identity never shares your personal data, such as email or
132-
name, with apps or websites. Instead, it creates a unique pseudonym
133-
for each app, so you can't be tracked across apps. All of this happens
134-
automatically in the background. You don't need to manage anything.
135-
</p>
136-
<a
137-
href={II_SUPPORT_PRIVACY_SECURITY}
138-
target="_blank"
139-
class="text-text-tertiary mt-2.5 self-end text-xs font-bold underline"
140-
>
141-
Learn More
142-
</a>
143-
</Popover>
144-
{/if}
133+
Learn More
134+
</a>
135+
</Popover>
145136
{/if}
146137
</div>

0 commit comments

Comments
 (0)