diff --git a/app/(home-pages)/reader/InboxContent.tsx b/app/(home-pages)/reader/InboxContent.tsx index e4fc58ba..ecd99b0a 100644 --- a/app/(home-pages)/reader/InboxContent.tsx +++ b/app/(home-pages)/reader/InboxContent.tsx @@ -7,15 +7,11 @@ import { getReaderFeed } from "./getReaderFeed"; import { useEffect, useRef, useState } from "react"; import Link from "next/link"; import { PostListing } from "components/PostListing"; -import { SortSmall } from "components/Icons/SortSmall"; -import { Input } from "components/Input"; import { useHasBackgroundImage } from "components/Pages/useHasBackgroundImage"; import { SelectedPostListing, useSelectedPostListing, } from "src/useSelectedPostState"; -import { AtUri } from "@atproto/api"; -import { MentionsDrawerContent } from "app/lish/[did]/[publication]/[rkey]/Interactions/Quotes"; import { CommentsDrawerContent } from "app/lish/[did]/[publication]/[rkey]/Interactions/Comments"; import { CloseTiny } from "components/Icons/CloseTiny"; import { SpeedyLink } from "components/SpeedyLink"; @@ -87,8 +83,8 @@ export const InboxContent = (props: { let hasBackgroundImage = useHasBackgroundImage(); return ( -
-
+
+
{sortedPosts.map((p) => ( ))} diff --git a/components/PostListing.tsx b/components/PostListing.tsx index 86549d8c..cd7cb08e 100644 --- a/components/PostListing.tsx +++ b/components/PostListing.tsx @@ -20,6 +20,7 @@ import { QuoteTiny } from "./Icons/QuoteTiny"; import { ShareTiny } from "./Icons/ShareTiny"; import { useSelectedPostListing } from "src/useSelectedPostState"; import { mergePreferences } from "src/utils/mergePreferences"; +import { ExternalLinkTiny } from "./Icons/ExternalLinkTiny"; export const PostListing = (props: Post) => { let pubRecord = props.publication?.pubRecord as @@ -125,7 +126,7 @@ export const PostListing = (props: Post) => {

{postRecord.description}

-
+
{props.publication && pubRecord && ( { + let isLeaflet = + props.pubRecord.theme?.$type === "pub.leaflet.publication#theme"; + let cleanUrl = props.pubRecord.url + ?.replace(/^https?:\/\//, "") + .replace(/^www\./, ""); + return ( -
-
- - - {props.pubRecord.name} - +
+
+
+ + +
{props.pubRecord.name}
+ + {!isLeaflet && ( +
+
{cleanUrl}
+ +
+ )} +
); };