Disable newlines in ListingContent

Fixes bug where lists had double the line height they should have
tloncorp · Sep 3, 2024 · 40e9d5b · 40e9d5b
1 parent 55228b1
commit 40e9d5b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/apps/tlon-web/src/diary/DiaryContent/DiaryContent.tsx b/apps/tlon-web/src/diary/DiaryContent/DiaryContent.tsx
@@ -190,9 +190,13 @@ export function InlineContent({ story }: InlineContentProps) {
 
 export function ListingContent({ content }: { content: Listing }) {
   if ('item' in content) {
+    // Filter line breaks at end of list items to avoid doubling the line height
+    const item = isBreak(content.item.at(-1))
+      ? content.item.slice(0, -1)
+      : content.item;
     return (
       <>
-        {content.item.map((con, i) => (
+        {item.map((con, i) => (
           <InlineContent key={`${i}-${con}`} story={con} />
         ))}
       </>