+4 -1

app/(home-pages)/reader/InboxContent.tsx

··· 84 84 85 85 return ( 86 86 <div className="flex flex-row gap-6 w-full "> 87 87 - <div className="flex flex-col gap-8 w-full relative"> 87 87 + <div className="flex flex-col gap-6 w-full relative"> 88 88 + <div className="text-sm text-tertiary italic"> 89 89 + Inbox collects posts from publications you are subscribed to 90 90 + </div> 88 91 {sortedPosts.map((p) => ( 89 92 <PostListing {...p} key={p.documents.uri} /> 90 93 ))}

+7 -4

app/(home-pages)/reader/page.tsx

··· 5 5 6 6 export default async function Reader(props: {}) { 7 7 let posts = await getReaderFeed(); 8 8 - 9 8 return ( 10 9 <DashboardLayout 11 10 id="reader" 12 11 currentPage="reader" 13 13 - defaultTab="Inbox" 12 12 + defaultTab="Subs" 14 13 actions={null} 15 14 tabs={{ 16 16 - Inbox: { 17 17 - controls: null, 15 15 + Subs: { 16 16 + controls: ( 17 17 + <div className="place-self-end text text-tertiary text-sm"> 18 18 + Publications 19 19 + </div> 20 20 + ), 18 21 content: ( 19 22 <InboxContent nextCursor={posts.nextCursor} posts={posts.posts} /> 20 23 ),

+5 -7

components/ActionBar/DesktopNavigation.tsx

··· 41 41 identity?.publication_subscriptions?.length !== undefined 42 42 } 43 43 /> 44 44 - {currentlyWriter ? ( 44 44 + <WriterButton 45 45 + currentPage={props.currentPage} 46 46 + currentPubUri={thisPublication?.uri} 47 47 + /> 48 48 + {currentlyWriter && ( 45 49 <> 46 46 - <HomeButton current={props.currentPage === "home"} /> 47 50 <hr className="border-border-light border-dashed" /> 48 51 <PublicationButtons 49 52 currentPage={props.currentPage} 50 53 currentPubUri={thisPublication?.uri} 51 54 /> 52 55 </> 53 53 - ) : ( 54 54 - <WriterButton 55 55 - currentPage={props.currentPage} 56 56 - currentPubUri={thisPublication?.uri} 57 57 - /> 58 56 )} 59 57 </Sidebar> 60 58 </div>

+1 -1

components/ActionBar/NavigationButtons.tsx

··· 29 29 <ActionButton 30 30 nav 31 31 icon={<HomeSmall />} 32 32 - label="Write" 32 32 + label="Home" 33 33 className={`${props.current ? "bg-bg-page! border-border-light!" : ""} w-full! ${props.className}`} 34 34 /> 35 35 </SpeedyLink>

+1 -1

components/PostListing.tsx

··· 114 114 <img 115 115 src={blobRefToSrc(postRecord.coverImage.ref, postUri.host)} 116 116 alt={postRecord.title || ""} 117 117 - className="w-full h-auto aspect-video rounded" 117 117 + className="w-full h-auto aspect-video object-cover rounded" 118 118 /> 119 119 </div> 120 120 )}