From e228e0f568f1f1d8449aeb36e8ebcd8c4eb3e1e0 Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Wed, 11 Jun 2025 00:35:39 -0400
Subject: [PATCH] small copy tweak to the log in form if your subbing to a
 publicatin

---
 app/lish/Subscribe.tsx         | 8 ++++++--
 app/login/LoginForm.tsx        | 5 ++++-
 components/utils/DotLoader.tsx | 2 +-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/lish/Subscribe.tsx b/app/lish/Subscribe.tsx
index eb866e40..74e14679 100644
--- a/app/lish/Subscribe.tsx
+++ b/app/lish/Subscribe.tsx
@@ -275,6 +275,7 @@ let BlueskySubscribeButton = (props: {
   setSuccessModalOpen: (open: boolean) => void;
 }) => {
   let { identity } = useIdentityData();
+  let toaster = useToaster();
   let [, subscribe, subscribePending] = useActionState(async () => {
     let result = await subscribeToPublication(
       props.pub_uri,
@@ -283,7 +284,9 @@ let BlueskySubscribeButton = (props: {
     if (result.hasFeed === false) {
       props.setSuccessModalOpen(true);
     }
+    toaster({ content: <div>You're Subscribed!</div>, type: "success" });
   }, null);
+
   let [isClient, setIsClient] = useState(false);
   useEffect(() => {
     setIsClient(true);
@@ -295,12 +298,13 @@ let BlueskySubscribeButton = (props: {
         asChild
         trigger={
           <ButtonPrimary className="place-self-center">
-            <BlueskyTiny /> Subscribe with Bluesky{" "}
+            <BlueskyTiny /> Subscribe with Bluesky
           </ButtonPrimary>
         }
       >
         {isClient && (
           <LoginForm
+            publication
             noEmail
             redirectRoute={window?.location.href + "?refreshAuth"}
             action={{ action: "subscribe", publication: props.pub_uri }}
@@ -318,7 +322,7 @@ let BlueskySubscribeButton = (props: {
             <DotLoader />
           ) : (
             <>
-              <BlueskyTiny /> Subscribe with Bluesky{" "}
+              <BlueskyTiny /> Subscribe with Bluesky
             </>
           )}
         </ButtonPrimary>
diff --git a/app/login/LoginForm.tsx b/app/login/LoginForm.tsx
index 7966da59..4b9a5b97 100644
--- a/app/login/LoginForm.tsx
+++ b/app/login/LoginForm.tsx
@@ -16,6 +16,7 @@ import { mutate } from "swr";
 
 export default function LoginForm(props: {
   noEmail?: boolean;
+  publication?: boolean;
   redirectRoute?: string;
   action?: ActionAfterSignIn;
 }) {
@@ -121,7 +122,9 @@ export default function LoginForm(props: {
       <div className="flex flex-col">
         <h4 className="text-primary">Log In or Sign Up</h4>
         <div className=" text-tertiary text-sm">
-          Save your Leaflets and access them on multiple devices!
+          {props.publication
+            ? "Log in to Bluesky to subscribe this publication!"
+            : "Save your Leaflets and access them on multiple devices!"}
         </div>
       </div>
 
diff --git a/components/utils/DotLoader.tsx b/components/utils/DotLoader.tsx
index 9d253378..233ff399 100644
--- a/components/utils/DotLoader.tsx
+++ b/components/utils/DotLoader.tsx
@@ -11,7 +11,7 @@ export function DotLoader() {
     };
   }, []);
   return (
-    <div className="w-[26px]  text-center text-sm">
+    <div className="w-[26px] h-[24px] text-center text-sm">
       {".".repeat(dots) + "\u00a0".repeat(3 - dots)}
     </div>
   );
-- 
2.51.2