leaflet.pub
a tool for shared writing and social publishing
show three lines for block previews
awarm.space
+13
-1
app/lish/[did]/[publication]/[rkey]/Blocks/PublishedPageBlock.tsx
+13
-1
app/lish/[did]/[publication]/[rkey]/Blocks/PublishedPageBlock.tsx
···
92
92
prerenderedCodeBlocks?: Map<string, string>;
93
93
bskyPostData: AppBskyFeedDefs.PostView[];
94
94
}) {
95
-
let [title, description] = props.blocks
95
+
let [title, description, thirdLine] = props.blocks
96
96
.map((b) => b.block)
97
97
.filter(
98
98
(b) => PubLeafletBlocksText.isMain(b) || PubLeafletBlocksHeader.isMain(b),
···
128
128
<TextBlock
129
129
facets={description.facets}
130
130
plaintext={description.plaintext}
131
+
index={[]}
132
+
preview
133
+
/>
134
+
</div>
135
+
)}
136
+
{thirdLine && (
137
+
<div
138
+
className={`pageBlockLineThree outline-none resize-none align-top gap-2 ${thirdLine.$type === "pub.leaflet.blocks.header" ? "font-bold" : ""}`}
139
+
>
140
+
<TextBlock
141
+
facets={thirdLine.facets}
142
+
plaintext={thirdLine.plaintext}
131
143
index={[]}
132
144
preview
133
145
/>