From 03c07218bdc24ca6e0e4ac45d325b6459499a4e4 Mon Sep 17 00:00:00 2001
From: Jared Pereira <jared@awarm.space>
Date: Sat, 22 Mar 2025 14:51:46 -0700
Subject: [PATCH] add unsubscribe flow!

---
 actions/subscribeToPublicationWithEmail.ts       |  2 --
 .../[publication]/CallToActionButton.tsx         | 16 +++++++++++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/actions/subscribeToPublicationWithEmail.ts b/actions/subscribeToPublicationWithEmail.ts
index c56c0192..ffd77c6a 100644
--- a/actions/subscribeToPublicationWithEmail.ts
+++ b/actions/subscribeToPublicationWithEmail.ts
@@ -4,8 +4,6 @@ import { getIdentityData } from "./getIdentityData";
 
 export async function subscribeToPublicationWithEmail(publication: string) {
   let identity = await getIdentityData();
-  console.log("yoohooo");
-  console.log(identity);
   if (!identity || !identity.email) return null;
   //This is an email relation!!
   console.log(
diff --git a/app/lish/[handle]/[publication]/CallToActionButton.tsx b/app/lish/[handle]/[publication]/CallToActionButton.tsx
index fd553843..8b035279 100644
--- a/app/lish/[handle]/[publication]/CallToActionButton.tsx
+++ b/app/lish/[handle]/[publication]/CallToActionButton.tsx
@@ -6,6 +6,8 @@ import { usePublicationContext } from "components/Providers/PublicationContext";
 import { NewDraftButton } from "./NewDraftButton";
 import { Menu, MenuItem } from "components/Layout";
 import { ArrowRightTiny, MoreOptionsTiny, ShareSmall } from "components/Icons";
+import { useIdentityData } from "components/IdentityProvider";
+import { unsubscribeFromPublication } from "actions/unsubscribeFromPubliction";
 
 export function CallToActionButton() {
   let rel = usePublicationRelationship();
@@ -16,16 +18,24 @@ export function CallToActionButton() {
     return (
       <div className="flex gap-2">
         <div className="font-bold">You're Subscribed!</div>
-        <ManageSubscriptionMenu />
+        <ManageSubscriptionMenu publication_uri={publication.uri} />
       </div>
     );
   return <SubscribeButton publication={publication.uri} />;
 }
 
-const ManageSubscriptionMenu = () => {
+const ManageSubscriptionMenu = (props: { publication_uri: string }) => {
+  let { mutate } = useIdentityData();
   return (
     <Menu trigger={<MoreOptionsTiny className="rotate-90" />}>
-      <MenuItem onSelect={() => {}}>Unsub!</MenuItem>
+      <MenuItem
+        onSelect={async () => {
+          await unsubscribeFromPublication(props.publication_uri);
+          mutate();
+        }}
+      >
+        Unsub!
+      </MenuItem>
     </Menu>
   );
 };
-- 
2.51.2