a tool for shared writing and social publishing
dont hide rss if subscribed
+17
-5
+17
-5
app/lish/Subscribe.tsx
+17
-5
app/lish/Subscribe.tsx
···
231
231
pubName: string;
232
232
pub_uri: string;
233
233
subscribers: { identity: string }[];
234
+
base_url: string;
234
235
}) => {
235
236
let toaster = useToaster();
236
237
let [hasFeed] = useState(false);
···
251
252
<Popover
252
253
trigger={<div className="text-accent-contrast text-sm">Manage</div>}
253
254
>
254
-
<div className="max-w-sm flex flex-col gap-3 justify-center text-center">
255
+
<div className="max-w-sm flex flex-col gap-1">
256
+
<h4>Update Options</h4>
257
+
255
258
{!hasFeed && (
256
259
<>
257
-
<div className="flex flex-col gap-2 font-bold text-secondary w-full">
258
-
Updates via Bluesky custom feed!
260
+
<div className="flex gap-4 items-center justify-between text-secondary w-full border border-border-light pl-1 pr-0.5 py-0.5 rounded-md">
261
+
Bluesky Custom Feed
259
262
<a
260
263
href="https://bsky.app/profile/leaflet.pub/feed/subscribedPublications"
261
264
target="_blank"
262
265
className=" place-self-center"
263
266
>
264
-
<ButtonPrimary>View Feed</ButtonPrimary>
267
+
<ButtonPrimary compact>View</ButtonPrimary>
265
268
</a>
266
269
</div>
267
-
<hr className="border-border-light" />
268
270
</>
269
271
)}
272
+
<div className="flex gap-2 justify-between text-secondary w-full border border-border-light px-1 py-0.5 rounded-md">
273
+
RSS
274
+
<a href={`${props.base_url}/rss`} className="flex" target="_blank">
275
+
<span className="sr-only">Subscribe to RSS</span>
276
+
<ButtonPrimary compact>Get RSS</ButtonPrimary>
277
+
</a>
278
+
</div>
279
+
280
+
<hr className="border-border-light my-1" />
281
+
270
282
<form action={unsubscribe}>
271
283
<button className="font-bold text-accent-contrast w-max place-self-center">
272
284
{unsubscribePending ? <DotLoader /> : "Unsubscribe"}