+1 -1

app/(home-pages)/home/Actions/AccountSettings.tsx

··· 44 44 setState: (s: typeof props.state) => void; 45 45 }) => { 46 46 let menuItemClassName = 47 47 - "menuItem -mx-[8px] text-left flex items-center justify-between"; 47 47 + "menuItem -mx-[8px] text-left flex items-center justify-between hover:no-underline!"; 48 48 49 49 return ( 50 50 <div className="flex flex-col gap-0.5">

+7 -4

app/(home-pages)/notifications/CommentNotication.tsx

··· 14 14 ContentLayout, 15 15 Notification, 16 16 } from "./Notification"; 17 17 + import { AtUri } from "@atproto/api"; 17 18 18 19 export const CommentNotification = ( 19 20 props: { cardBorderHidden: boolean } & HydratedCommentNotification, ··· 27 28 profileRecord.displayName || 28 29 props.commentData.bsky_profiles?.handle || 29 30 "Someone"; 30 30 - const publication = 31 31 - props.commentData.documents?.documents_in_publications[0]?.publications || 32 32 - undefined; 31 31 + const pubRecord = props.commentData.documents?.documents_in_publications[0] 32 32 + ?.publications?.record as PubLeafletPublication.Record; 33 33 + let rkey = new AtUri(props.commentData.documents?.uri!).rkey; 34 34 + 33 35 return ( 34 36 <Notification 37 37 + href={`https://${pubRecord.base_path}/${rkey}?interactionDrawer=comments`} 35 38 cardBorderHidden={props.cardBorderHidden} 36 39 icon={<CommentTiny />} 37 40 actionText={<>{displayName} commented on your post</>} ··· 39 42 <ContentLayout 40 43 cardBorderHidden={props.cardBorderHidden} 41 44 postTitle={docRecord.title} 42 42 - publication={publication} 45 45 + pubRecord={pubRecord} 43 46 > 44 47 <CommentInNotification 45 48 className=""

+2 -2

app/(home-pages)/notifications/MentionNotification.tsx

··· 13 13 <ContentLayout 14 14 postTitle={"Post Title Here"} 15 15 cardBorderHidden={props.cardBorderHidden} 16 16 - publication={{ name: "My Publication" } as any} 16 16 + pubRecord={{ name: "My Publication" } as any} 17 17 > 18 18 I'm just gonna put the description here. The surrounding context is 19 19 just sort of a pain to figure out ··· 39 39 content={ 40 40 <ContentLayout 41 41 postTitle={"Post Title Here"} 42 42 - publication={{ name: "My Publication" } as any} 42 42 + pubRecord={{ name: "My Publication" } as any} 43 43 cardBorderHidden={props.cardBorderHidden} 44 44 > 45 45 <div>

+15 -13

app/(home-pages)/notifications/Notification.tsx

··· 1 1 import { Avatar } from "components/Avatar"; 2 2 import { BaseTextBlock } from "app/lish/[did]/[publication]/[rkey]/BaseTextBlock"; 3 3 import { PubLeafletPublication, PubLeafletRichtextFacet } from "lexicons/api"; 4 4 - import { useEntity, useReplicache } from "src/replicache"; 5 5 - import { PubIcon } from "components/ActionBar/Publications"; 6 6 - import { Json } from "supabase/database.types"; 7 4 8 5 export const Notification = (props: { 9 6 icon: React.ReactNode; 10 7 actionText: React.ReactNode; 11 8 content?: React.ReactNode; 12 9 cardBorderHidden?: boolean; 10 10 + href: string; 13 11 }) => { 14 12 return ( 15 13 <div 16 16 - className={`flex flex-col w-full ${ 14 14 + className={`relative flex flex-col w-full ${ 17 15 props.cardBorderHidden 18 16 ? "" 19 17 : " block-border border-border! hover:outline-border sm:p-4 px-3 pl-2 sm:pl-3 pt-2 sm:pt-3!" ··· 24 22 : "rgba(var(--bg-page), var(--bg-page-alpha))", 25 23 }} 26 24 > 25 25 + <a 26 26 + href={props.href} 27 27 + className=" absolute top-0 bottom-0 left-0 right-0" 28 28 + /> 27 29 <div className={`flex flex-row gap-2 items-center`}> 28 30 <div className="text-secondary shrink-0">{props.icon}</div> 29 31 <div className="text-secondary font-bold">{props.actionText}</div> ··· 41 43 export const ContentLayout = (props: { 42 44 children: React.ReactNode; 43 45 postTitle: string; 44 44 - publication?: { record: Json; uri: string }; 46 46 + pubRecord?: PubLeafletPublication.Record; 45 47 cardBorderHidden: boolean; 46 48 }) => { 47 47 - let pubRecord = props.publication?.record as PubLeafletPublication.Record; 48 48 - 49 49 return ( 50 50 <div 51 51 className={`border border-border-light rounded-md px-2 py-[6px] w-full ${props.cardBorderHidden ? "transparent" : "bg-bg-page"}`} ··· 54 54 {props.postTitle} 55 55 </div> 56 56 {props.children} 57 57 - {props.publication && ( 57 57 + {props.pubRecord && ( 58 58 <> 59 59 - <hr className="mt-3 mb-2 border-border-light" /> 60 60 - <div className="text-xs text-tertiary flex gap-[6px] items-center"> 61 61 - <PubIcon small record={pubRecord} uri={props.publication.uri} /> 62 62 - {pubRecord.name} 63 63 - </div> 59 59 + <hr className="mt-3 mb-1 border-border-light" /> 60 60 + <a 61 61 + href={`https://${props.pubRecord.base_path}`} 62 62 + className="relative text-xs text-tertiary flex gap-[6px] items-center font-bold hover:no-underline!" 63 63 + > 64 64 + {props.pubRecord.name} 65 65 + </a> 64 66 </> 65 67 )} 66 68 </div>

+1 -1

app/(home-pages)/notifications/ReplyNotification.tsx

··· 19 19 <ContentLayout 20 20 cardBorderHidden={props.cardBorderHidden} 21 21 postTitle="This is the Post Title" 22 22 - publication={{ name: "My Publication" } as any} 22 22 + pubRecord={{ name: "My Publication" } as any} 23 23 > 24 24 <CommentInNotification 25 25 className="text-tertiary italic line-clamp-1!"

+1 -1

app/lish/[did]/[publication]/dashboard/Actions.tsx

··· 144 144 setLoading: (l: boolean) => void; 145 145 }) => { 146 146 let menuItemClassName = 147 147 - "menuItem -mx-[8px] text-left flex items-center justify-between"; 147 147 + "menuItem -mx-[8px] text-left flex items-center justify-between hover:no-underline!"; 148 148 149 149 return ( 150 150 <div className="flex flex-col gap-0.5">