+3 -1

app/lish/Subscribe.tsx

··· 87 87 return ( 88 88 <Popover 89 89 trigger={ 90 90 - <div className="text-accent-contrast text-sm">Manage Subscription</div> 90 90 + <div className="text-accent-contrast text-sm w-fit"> 91 91 + Manage Subscription 92 92 + </div> 91 93 } 92 94 > 93 95 <div className="max-w-sm flex flex-col gap-1">

+14 -15

app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx

··· 138 138 139 139 return ( 140 140 <div 141 141 - className={`flex gap-2 text-tertiary text-sm item-center ${props.className}`} 141 141 + className={`flex gap-[10px] text-tertiary text-sm item-center ${props.className}`} 142 142 > 143 143 {props.showRecommends === false ? null : ( 144 144 <RecommendButton ··· 150 150 {/*MENTIONS BUTTON*/} 151 151 {props.quotesCount === 0 || props.showMentions === false ? null : ( 152 152 <button 153 153 - className="flex w-fit gap-2 items-center" 153 153 + className="flex w-fit gap-1 items-center" 154 154 onClick={() => { 155 155 if (!drawerOpen || drawer !== "quotes") 156 156 openInteractionDrawer("quotes", document_uri, props.pageId); ··· 166 166 {/*COMMENT BUTTON*/} 167 167 {props.showComments === false ? null : ( 168 168 <button 169 169 - className="flex gap-2 items-center w-fit" 169 169 + className="flex gap-1 items-center w-fit" 170 170 onClick={() => { 171 171 if (!drawerOpen || drawer !== "comments" || pageId !== props.pageId) 172 172 openInteractionDrawer("comments", document_uri, props.pageId); ··· 246 246 {noInteractions ? ( 247 247 <div /> 248 248 ) : ( 249 249 - <> 249 249 + <div className="flex flex-col gap-2 just"> 250 250 <div className="flex gap-2 sm:flex-row flex-col"> 251 251 {props.showRecommends === false ? null : ( 252 252 <RecommendButton ··· 272 272 aria-label="Post quotes" 273 273 > 274 274 <QuoteTiny aria-hidden /> {props.quotesCount} 275 275 - {props.quotesCount} 276 275 <Separator classname="h-4! text-accent-contrast!" /> 277 277 - Mention{props.quotesCount > 1 ? "" : "s"} 276 276 + Mention{props.quotesCount > 1 ? "s" : ""} 278 277 </ButtonSecondary> 279 278 )} 280 279 {!props.showComments ? null : ( ··· 302 301 <Separator classname="h-4! text-accent-contrast!" /> 303 302 </> 304 303 )} 305 305 - Comment{props.commentsCount > 1 ? "" : "s"} 304 304 + Comment{props.commentsCount > 1 ? "s" : ""} 306 305 </ButtonSecondary> 307 306 )} 308 307 </div> 309 309 - </> 308 308 + {subscribed && publication && ( 309 309 + <ManageSubscription 310 310 + base_url={getPublicationURL(publication)} 311 311 + pub_uri={publication.uri} 312 312 + subscribers={publication.publication_subscriptions} 313 313 + /> 314 314 + )} 315 315 + </div> 310 316 )} 311 317 312 318 <EditButton publication={publication} leafletId={leafletId} /> 313 313 - {subscribed && publication && ( 314 314 - <ManageSubscription 315 315 - base_url={getPublicationURL(publication)} 316 316 - pub_uri={publication.uri} 317 317 - subscribers={publication.publication_subscriptions} 318 318 - /> 319 319 - )} 320 319 </div> 321 320 </div> 322 321 );

+2 -2

components/RecommendButton.tsx

··· 87 87 x: e.clientX, 88 88 y: e.clientY - 16, 89 89 }, 90 90 - text: <div className="text-xs">recc'd!</div>, 90 90 + text: <div className="text-xs">Recc'd!</div>, 91 91 }); 92 92 } 93 93 ··· 142 142 <Separator classname="h-4! text-accent-contrast!" /> 143 143 </> 144 144 )} 145 145 - {displayRecommended ? "You recommend!" : "Recommend"} 145 145 + {displayRecommended ? "Recommended!" : "Recommend"} 146 146 </div> 147 147 </ButtonSecondary> 148 148 );