From 3ac5e9dabc6f6776e210c334a6cb7c599f07fca2 Mon Sep 17 00:00:00 2001
From: Jared Pereira <jared@awarm.space>
Date: Fri, 24 Apr 2026 17:27:26 -0400
Subject: [PATCH] update manage subscription

---
 .../p/[didOrHandle]/PubListing.tsx            |  1 +
 .../[publication]/PublicationContent.tsx      |  1 +
 .../[rkey]/LinearDocumentPage.tsx             |  1 +
 components/Subscribe/ManageSubscribe.tsx      | 42 +++++++++++++------
 components/Subscribe/SubscribeButton.tsx      |  3 ++
 5 files changed, 35 insertions(+), 13 deletions(-)

diff --git a/app/(home-pages)/p/[didOrHandle]/PubListing.tsx b/app/(home-pages)/p/[didOrHandle]/PubListing.tsx
index e45814f1..e95e215e 100644
--- a/app/(home-pages)/p/[didOrHandle]/PubListing.tsx
+++ b/app/(home-pages)/p/[didOrHandle]/PubListing.tsx
@@ -67,6 +67,7 @@ export const PubListing = (props: PublicationSubscription) => {
             <SubscribeButton
               autoFocus
               publicationUri={props.uri}
+              publicationUrl={record.url}
               publicationName={record.name}
               publicationDescription={record.description}
               newsletterMode={
diff --git a/app/lish/[did]/[publication]/PublicationContent.tsx b/app/lish/[did]/[publication]/PublicationContent.tsx
index bf67a32a..2746965d 100644
--- a/app/lish/[did]/[publication]/PublicationContent.tsx
+++ b/app/lish/[did]/[publication]/PublicationContent.tsx
@@ -82,6 +82,7 @@ export const PublicationContent = ({
           subscribeButton={
             <SubscribeInput
               publicationUri={publication.uri}
+              publicationUrl={record?.url}
               publicationName={record?.name ?? publication.name}
               publicationDescription={record?.description}
               newsletterMode={newsletterMode}
diff --git a/app/lish/[did]/[publication]/[rkey]/LinearDocumentPage.tsx b/app/lish/[did]/[publication]/[rkey]/LinearDocumentPage.tsx
index 7cf33f47..cd19cde3 100644
--- a/app/lish/[did]/[publication]/[rkey]/LinearDocumentPage.tsx
+++ b/app/lish/[did]/[publication]/[rkey]/LinearDocumentPage.tsx
@@ -109,6 +109,7 @@ export function LinearDocumentPage({
         {document.publication?.uri && (
           <PostPubInfo
             publicationUri={document.publication.uri}
+            publicationUrl={props.pubRecord?.url}
             publicationName={
               props.pubRecord?.name ?? document.publication.name
             }
diff --git a/components/Subscribe/ManageSubscribe.tsx b/components/Subscribe/ManageSubscribe.tsx
index 1ddf1a1f..a1580b72 100644
--- a/components/Subscribe/ManageSubscribe.tsx
+++ b/components/Subscribe/ManageSubscribe.tsx
@@ -15,8 +15,12 @@ import {
   unsubscribeFromPublication,
 } from "actions/publications/subscribeEmail";
 
+const BLUESKY_FEED_URL =
+  "https://bsky.app/profile/leaflet.pub/feed/subscribedPublications";
+
 export const ManageSubscription = (props: {
   publicationUri: string;
+  publicationUrl?: string;
   newsletterMode: boolean;
   user: ViewerUser;
 }) => {
@@ -115,7 +119,11 @@ export const ManageSubscription = (props: {
 
   return (
     <Modal
-      title="Preferences"
+      title={
+        <div className="text-secondary border-b border-border mb-2">
+          Preferences
+        </div>
+      }
       className="w-md max-w-full"
       trigger={
         <div className="manageSubPrefsTrigger flex gap-1 text-accent-contrast text-sm items-center ">
@@ -131,9 +139,7 @@ export const ManageSubscription = (props: {
           <div className={prefClassName}>
             <div className="flex flex-col leading-snug">
               <p>Linked Email</p>
-              <p className="text-tertiary font-normal italic">
-                {user.email}
-              </p>
+              <p className="text-tertiary font-normal italic">{user.email}</p>
             </div>
           </div>
         ) : null}
@@ -141,19 +147,29 @@ export const ManageSubscription = (props: {
           <div className={prefClassName}>
             <div className="flex flex-col leading-snug">
               Linked Handle
-              <p className="text-tertiary font-normal italic">
-                {user.handle}
-              </p>
+              <p className="text-tertiary font-normal italic">{user.handle}</p>
             </div>
           </div>
         )}
-        <div className={prefClassName}>
-          Get RSS Feed <GoToArrow className="text-accent-contrast" />
-        </div>
-        <div className={prefClassName}>
-          Pin Custom Bluesky Feed
+        {props.publicationUrl && (
+          <a
+            href={`${props.publicationUrl}/rss`}
+            target="_blank"
+            rel="noopener noreferrer"
+            className={`${prefClassName} no-underline hover:text-accent-contrast`}
+          >
+            RSS Feed <GoToArrow className="text-accent-contrast" />
+          </a>
+        )}
+        <a
+          href={BLUESKY_FEED_URL}
+          target="_blank"
+          rel="noopener noreferrer"
+          className={`${prefClassName} no-underline hover:text-accent-contrast`}
+        >
+          Bluesky Feed
           <GoToArrow className="text-accent-contrast" />
-        </div>
+        </a>
 
         {props.newsletterMode && !user.email ? (
           <div className="linkEmail accent-container p-4 text-sm flex flex-col gap-3 text-center justify-center">
diff --git a/components/Subscribe/SubscribeButton.tsx b/components/Subscribe/SubscribeButton.tsx
index 314c3b59..ce83f951 100644
--- a/components/Subscribe/SubscribeButton.tsx
+++ b/components/Subscribe/SubscribeButton.tsx
@@ -18,6 +18,7 @@ import { useViewerSubscription } from "./viewerSubscription";
 export type SubscribeProps = {
   autoFocus?: boolean;
   publicationUri: string;
+  publicationUrl?: string;
   publicationName: string;
   publicationDescription?: string;
   newsletterMode: boolean;
@@ -52,6 +53,7 @@ export const SubscribeButton = (props: SubscribeProps) => {
         user.subscribed ? (
           <ManageSubscription
             publicationUri={props.publicationUri}
+            publicationUrl={props.publicationUrl}
             newsletterMode={props.newsletterMode}
             user={user}
           />
@@ -86,6 +88,7 @@ export const SubscribeInput = (props: SubscribeProps) => {
       {isSubscribed ? (
         <ManageSubscription
           publicationUri={props.publicationUri}
+          publicationUrl={props.publicationUrl}
           newsletterMode={props.newsletterMode}
           user={user}
         />
-- 
2.51.2