a tool for shared writing and social publishing
adding atmosphere language to email subscribe success
+24
-8
+1
-1
components/Subscribe/EmailSubscribe.tsx
+1
-1
components/Subscribe/EmailSubscribe.tsx
···
32
32
<Input
33
33
type="email"
34
34
autoFocus={props.autoFocus}
35
-
className={`appearance-none! outline-none! grow ${props.large ? "py-1!" : "py-0.5 disabled:text-tertiary disabled:italic disabled:border-border-light"}`}
35
+
className={`appearance-none! outline-none! grow min-w-0 ${props.large ? "py-1!" : "py-0.5 disabled:text-tertiary disabled:italic disabled:border-border-light"}`}
36
36
disabled={props.disabled || props.loading}
37
37
placeholder="email@example.com"
38
38
size={0}
+20
-3
components/Subscribe/EmailSubscribeSuccess.tsx
+20
-3
components/Subscribe/EmailSubscribeSuccess.tsx
···
1
1
"use client";
2
2
3
+
import { SpeedyLink } from "components/SpeedyLink";
3
4
import { LinkHandle } from "./HandleSubscribe";
4
5
5
6
export const EmailSubscribeSuccess = (props: {
···
7
8
handle: string | undefined;
8
9
}) => {
9
10
return (
10
-
<div className="flex flex-col text-center justify-center p-4 text-secondary max-w-md">
11
+
<div className="flex flex-col text-center justify-center pt-4 text-secondary w-md max-w-full">
11
12
<h2 className="text-primary pb-1">You've Subscribed!</h2>
12
13
You'll recieve new posts to <br />
13
14
<span className="italic">{props.email ? props.email : "your email"}</span>
14
-
{!props.handle && (
15
+
{!props.handle ? (
15
16
<>
16
17
<hr className="my-4 border-border-light" />
17
-
<LinkHandle />
18
+
<div className="accent-container p-3">
19
+
<LinkHandle compact />
20
+
</div>
21
+
</>
22
+
) : (
23
+
<>
24
+
<hr className="my-4 border-border-light" />
25
+
26
+
<div>
27
+
You also get updates in the <br />
28
+
<SpeedyLink href={"/reader"} className="font-bold">
29
+
Leaflet Reader
30
+
</SpeedyLink>
31
+
</div>
32
+
<span className="text-tertiary text-sm">
33
+
or any atmospheric reader!
34
+
</span>
18
35
</>
19
36
)}
20
37
</div>
+1
-1
components/Subscribe/HandleInput.tsx
+1
-1
components/Subscribe/HandleInput.tsx
···
104
104
</div>
105
105
<Input
106
106
autoFocus={props.autoFocus}
107
-
className={`appearance-none! grow outline-none! ${props.large ? "py-1!" : "py-0.5"}`}
107
+
className={`appearance-none! grow outline-none! min-w-0 ${props.large ? "py-1!" : "py-0.5"}`}
108
108
placeholder="atmosphere.handle"
109
109
size={0}
110
110
value={handleValue}
+2
-3
components/Subscribe/HandleSubscribe.tsx
+2
-3
components/Subscribe/HandleSubscribe.tsx
···
61
61
let [pendingLinkHandle, setPendingLinkHandle] = useState<string | null>(null);
62
62
const viewerEmail = identity?.email;
63
63
const viewerAtpDid = identity?.atp_did;
64
-
const needsLinkConfirmation =
65
-
!!viewerEmail && !viewerAtpDid;
64
+
const needsLinkConfirmation = !!viewerEmail && !viewerAtpDid;
66
65
67
66
const redirectToOauthForSubscribe = (handle: string, link: boolean) => {
68
67
let action = encodeActionToSearchParam({
···
185
184
className={`text-secondary flex flex-col ${props.compact && "text-sm leading-snug"}`}
186
185
>
187
186
<h4 className={`${props.compact && "text-sm"}`}>
188
-
Link your universal handle
187
+
Link your Atmosphere account
189
188
</h4>
190
189
<div className="text-tertiary">
191
190
to comment, recommend, and see what your friends are reading