a tool for shared writing and social publishing
spacing fixes
+19
-18
+3
-1
app/lish/Subscribe.tsx
+3
-1
app/lish/Subscribe.tsx
+14
-15
app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
+14
-15
app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
···
138
138
139
139
return (
140
140
<div
141
-
className={`flex gap-2 text-tertiary text-sm item-center ${props.className}`}
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
-
className="flex w-fit gap-2 items-center"
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
-
className="flex gap-2 items-center w-fit"
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
+
<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
-
{props.quotesCount}
276
275
<Separator classname="h-4! text-accent-contrast!" />
277
-
Mention{props.quotesCount > 1 ? "" : "s"}
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
-
Comment{props.commentsCount > 1 ? "" : "s"}
304
+
Comment{props.commentsCount > 1 ? "s" : ""}
306
305
</ButtonSecondary>
307
306
)}
308
307
</div>
309
-
</>
308
+
{subscribed && publication && (
309
+
<ManageSubscription
310
+
base_url={getPublicationURL(publication)}
311
+
pub_uri={publication.uri}
312
+
subscribers={publication.publication_subscriptions}
313
+
/>
314
+
)}
315
+
</div>
310
316
)}
311
317
312
318
<EditButton publication={publication} leafletId={leafletId} />
313
-
{subscribed && publication && (
314
-
<ManageSubscription
315
-
base_url={getPublicationURL(publication)}
316
-
pub_uri={publication.uri}
317
-
subscribers={publication.publication_subscriptions}
318
-
/>
319
-
)}
320
319
</div>
321
320
</div>
322
321
);
+2
-2
components/RecommendButton.tsx
+2
-2
components/RecommendButton.tsx
···
87
87
x: e.clientX,
88
88
y: e.clientY - 16,
89
89
},
90
-
text: <div className="text-xs">recc'd!</div>,
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
-
{displayRecommended ? "You recommend!" : "Recommend"}
145
+
{displayRecommended ? "Recommended!" : "Recommend"}
146
146
</div>
147
147
</ButtonSecondary>
148
148
);