diff --git a/app/(home-pages)/p/[didOrHandle]/PubListing.tsx b/app/(home-pages)/p/[didOrHandle]/PubListing.tsx index fb19c17b..a8820350 100644 --- a/app/(home-pages)/p/[didOrHandle]/PubListing.tsx +++ b/app/(home-pages)/p/[didOrHandle]/PubListing.tsx @@ -66,14 +66,14 @@ export const PubListing = (props: PublicationSubscription) => {

- {/**/} - + {/* + />*/}
diff --git a/app/lish/[did]/[publication]/PublicationContent.tsx b/app/lish/[did]/[publication]/PublicationContent.tsx index 982870ec..74a12754 100644 --- a/app/lish/[did]/[publication]/PublicationContent.tsx +++ b/app/lish/[did]/[publication]/PublicationContent.tsx @@ -16,6 +16,8 @@ import { import { getFirstParagraph } from "src/utils/getFirstParagraph"; import { FontLoader } from "components/FontLoader"; import { SpeedyLink } from "components/SpeedyLink"; +import { SubscribeInput } from "components/Subscribe/SubscribeButton"; +import { dummy } from "./[rkey]/PostPubInfo"; type FakePost = { title: string; @@ -81,12 +83,13 @@ export const PublicationContent = ({ ) : undefined } subscribeButton={ - + + // } />
diff --git a/app/lish/[did]/[publication]/[rkey]/LinearDocumentPage.tsx b/app/lish/[did]/[publication]/[rkey]/LinearDocumentPage.tsx index 550094e7..8af769a9 100644 --- a/app/lish/[did]/[publication]/[rkey]/LinearDocumentPage.tsx +++ b/app/lish/[did]/[publication]/[rkey]/LinearDocumentPage.tsx @@ -93,7 +93,7 @@ export function LinearDocumentPage({ footnoteIndexMap={footnoteIndexMap} /> - + {/**/} @@ -109,7 +109,8 @@ export function LinearDocumentPage({ recommendsCount={document.recommendsCount} />
- {/**/} + + {!hasPageBackground &&
} diff --git a/app/lish/[did]/[publication]/[rkey]/PostPubInfo.tsx b/app/lish/[did]/[publication]/[rkey]/PostPubInfo.tsx index 7d2f72bf..10b7e533 100644 --- a/app/lish/[did]/[publication]/[rkey]/PostPubInfo.tsx +++ b/app/lish/[did]/[publication]/[rkey]/PostPubInfo.tsx @@ -1,11 +1,11 @@ import { SubscribeInput } from "components/Subscribe/SubscribeButton"; export const dummy = { - newsletterMode: true, + newsletterMode: false, user: { - loggedIn: true, + loggedIn: false, email: "example@example.com", - handle: "example.handle", + handle: undefined, subscribed: false, }, }; diff --git a/components/Subscribe/HandleSubscribe.tsx b/components/Subscribe/HandleSubscribe.tsx index dea8b723..a0638c63 100644 --- a/components/Subscribe/HandleSubscribe.tsx +++ b/components/Subscribe/HandleSubscribe.tsx @@ -1,6 +1,5 @@ "use client"; import { ButtonPrimary } from "components/Buttons"; -import { BlueskyTiny } from "components/Icons/BlueskyTiny"; import { Popover } from "components/Popover"; import Link from "next/link"; import { HandleInput } from "./HandleInput"; @@ -51,11 +50,14 @@ export const SubscribeWithHandle = (props: { } else return (
- -
+ + Subscribe +
+ /> +
- -
Create
); @@ -77,34 +79,15 @@ export const LinkHandle = (props: { compact?: boolean }) => {
- -
- ); -}; - -export const HandleInputandOAuth = (props: { - link?: boolean; - compact?: boolean; -}) => { - return ( -
- -
-
-
- or {props.link ? "link with" : "sign in via"} -
-
+
+ + Link +
+ } + />
- - Bluesky -
); }; @@ -138,7 +121,7 @@ export const AtmosphericHandleInfo = (props: { trigger?: React.ReactNode }) => { props.trigger ) : (
- What's the Atmosphere + What's the Atmosphere?
) } @@ -159,14 +142,46 @@ export const AtmosphericHandleInfo = (props: { trigger?: React.ReactNode }) => {
{( [ - "Leaflet", "Bluesky", "Blacksky", "Eurosky", "Tangled", - "Semble", "Surf", "Spark", "Pckt", "pdsls", "plyr.fm", - "Popfeed", "Roomy", "Sill", "Offprint", "Margin", - "Anisota", "Blento", "Cartridge", "Graze", - "Leaflet", "Bluesky", "Blacksky", "Eurosky", "Tangled", - "Semble", "Surf", "Spark", "Pckt", "pdsls", "plyr.fm", - "Popfeed", "Roomy", "Sill", "Offprint", "Margin", - "Anisota", "Blento", "Cartridge", "Graze", + "Leaflet", + "Bluesky", + "Blacksky", + "Eurosky", + "Tangled", + "Semble", + "Surf", + "Spark", + "Pckt", + "pdsls", + "plyr.fm", + "Popfeed", + "Roomy", + "Sill", + "Offprint", + "Margin", + "Anisota", + "Blento", + "Cartridge", + "Graze", + "Leaflet", + "Bluesky", + "Blacksky", + "Eurosky", + "Tangled", + "Semble", + "Surf", + "Spark", + "Pckt", + "pdsls", + "plyr.fm", + "Popfeed", + "Roomy", + "Sill", + "Offprint", + "Margin", + "Anisota", + "Blento", + "Cartridge", + "Graze", ] as (keyof typeof logos)[] ).map((name, i) => ( @@ -174,7 +189,7 @@ export const AtmosphericHandleInfo = (props: { trigger?: React.ReactNode }) => {
- + Sign up via Bluesky! diff --git a/components/Subscribe/SubscribeButton.tsx b/components/Subscribe/SubscribeButton.tsx index e816f8cd..8c930423 100644 --- a/components/Subscribe/SubscribeButton.tsx +++ b/components/Subscribe/SubscribeButton.tsx @@ -65,8 +65,11 @@ export const SubscribeInput = (props: { action={ - subscribe + + Subscribe } >