a tool for shared writing and social publishing
small copy tweak to the log in form if your subbing to a publicatin
+11
-4
+6
-2
app/lish/Subscribe.tsx
+6
-2
app/lish/Subscribe.tsx
···
275
275
setSuccessModalOpen: (open: boolean) => void;
276
276
}) => {
277
277
let { identity } = useIdentityData();
278
+
let toaster = useToaster();
278
279
let [, subscribe, subscribePending] = useActionState(async () => {
279
280
let result = await subscribeToPublication(
280
281
props.pub_uri,
···
283
284
if (result.hasFeed === false) {
284
285
props.setSuccessModalOpen(true);
285
286
}
287
+
toaster({ content: <div>You're Subscribed!</div>, type: "success" });
286
288
}, null);
289
+
287
290
let [isClient, setIsClient] = useState(false);
288
291
useEffect(() => {
289
292
setIsClient(true);
···
295
298
asChild
296
299
trigger={
297
300
<ButtonPrimary className="place-self-center">
298
-
<BlueskyTiny /> Subscribe with Bluesky{" "}
301
+
<BlueskyTiny /> Subscribe with Bluesky
299
302
</ButtonPrimary>
300
303
}
301
304
>
302
305
{isClient && (
303
306
<LoginForm
307
+
publication
304
308
noEmail
305
309
redirectRoute={window?.location.href + "?refreshAuth"}
306
310
action={{ action: "subscribe", publication: props.pub_uri }}
···
318
322
<DotLoader />
319
323
) : (
320
324
<>
321
-
<BlueskyTiny /> Subscribe with Bluesky{" "}
325
+
<BlueskyTiny /> Subscribe with Bluesky
322
326
</>
323
327
)}
324
328
</ButtonPrimary>
+4
-1
app/login/LoginForm.tsx
+4
-1
app/login/LoginForm.tsx
···
16
16
17
17
export default function LoginForm(props: {
18
18
noEmail?: boolean;
19
+
publication?: boolean;
19
20
redirectRoute?: string;
20
21
action?: ActionAfterSignIn;
21
22
}) {
···
121
122
<div className="flex flex-col">
122
123
<h4 className="text-primary">Log In or Sign Up</h4>
123
124
<div className=" text-tertiary text-sm">
124
-
Save your Leaflets and access them on multiple devices!
125
+
{props.publication
126
+
? "Log in to Bluesky to subscribe this publication!"
127
+
: "Save your Leaflets and access them on multiple devices!"}
125
128
</div>
126
129
</div>
127
130