From bac31849833f0a884a9136b82809e52f3a7fb6a6 Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Tue, 28 Oct 2025 18:45:34 -0400
Subject: [PATCH] added spacing between paragraphs in blockquotes

---
 .../[publication]/[rkey]/PostContent.tsx      |  2 +-
 components/Blocks/QuoteEmbedBlock.tsx         | 59 -------------------
 components/Blocks/TextBlock/index.tsx         | 13 +++-
 components/Blocks/index.tsx                   |  1 -
 4 files changed, 12 insertions(+), 63 deletions(-)
 delete mode 100644 components/Blocks/QuoteEmbedBlock.tsx

diff --git a/app/lish/[did]/[publication]/[rkey]/PostContent.tsx b/app/lish/[did]/[publication]/[rkey]/PostContent.tsx
index 790b9be3..f440bf4a 100644
--- a/app/lish/[did]/[publication]/[rkey]/PostContent.tsx
+++ b/app/lish/[did]/[publication]/[rkey]/PostContent.tsx
@@ -302,7 +302,7 @@ export let Block = ({
       return (
         // all this margin stuff is a highly unfortunate hack so that the border-l on blockquote is the height of just the text rather than the height of the block, which includes padding.
         <blockquote
-          className={` blockquote py-0! mb-2! last:mb-3! sm:last:mb-4! first:mt-2! sm:first:pt-3 ${className} ${PubLeafletBlocksBlockquote.isMain(previousBlock?.block) ? "-mt-2!" : "mt-1!"}`}
+          className={` blockquote py-0! mb-2! ${className} ${PubLeafletBlocksBlockquote.isMain(previousBlock?.block) ? "-mt-2! pt-3!" : "mt-1!"}`}
           {...blockProps}
         >
           <TextBlock
diff --git a/components/Blocks/QuoteEmbedBlock.tsx b/components/Blocks/QuoteEmbedBlock.tsx
deleted file mode 100644
index 1fd9237a..00000000
--- a/components/Blocks/QuoteEmbedBlock.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { GoToArrow } from "components/Icons/GoToArrow";
-import { ExternalLinkBlock } from "./ExternalLinkBlock";
-import { Separator } from "components/Layout";
-
-export const QuoteEmbedBlockLine = () => {
-  return (
-    <div className="quoteEmbedBlock flex  sm:mx-4 mx-3 my-3 sm:my-4 text-secondary text-sm italic">
-      <div className="w-2 h-full bg-border" />
-      <div className="flex flex-col pl-4">
-        <div className="quoteEmbedContent ">
-          Hello, this is a long quote that I am writing to you! I am so excited
-          that you decided to quote my stuff. I would love to take a moments and
-          just say whatever the heck i feel like. Unforunately for you, it is a
-          rather boring todo list. I need to add an author and pub name, i need
-          to add a back link, and i need to link about text formatting, if we
-          want to handle it.
-        </div>
-        <div className="quoteEmbedFooter flex  gap-2 pt-2 ">
-          <div className="flex flex-col leading-tight grow">
-            <div className="font-bold ">This was made to be quoted</div>
-            <div className="text-tertiary text-xs">celine</div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export const QuoteEmbedBlock = () => {
-  return (
-    <div className="quoteEmbedBlock transparent-container sm:mx-4 mx-3 my-3 sm:my-4 text-secondary text-sm">
-      <div className="quoteEmbedContent p-3">
-        Hello, this is a long quote that I am writing to you! I am so excited
-        that you decided to quote my stuff. I would love to take a moments and
-        just say whatever the heck i feel like. Unforunately for you, it is a
-        rather boring todo list. I need to add an author and pub name, i need to
-        add a back link, and i need to link about text formatting, if we want to
-        handle it.
-      </div>
-      <hr className="border-border-light" />
-      <a
-        className="quoteEmbedFooter flex max-w-full gap-2 px-3 py-2  hover:no-underline! text-secondary"
-        href="#"
-      >
-        <div className="flex flex-col w-[calc(100%-28px)] grow">
-          <div className="font-bold w-full truncate">
-            This was made to be quoted and if it's very long, to truncate
-          </div>
-          <div className="flex gap-[6px] text-tertiary text-xs items-center">
-            <div className="underline">lab.leaflet.pub</div>
-            <Separator classname="h-2" />
-            <div>celine</div>
-          </div>
-        </div>
-        <div className=" shrink-0 pt-px bg-test w-5 h-5 rounded-full"></div>
-      </a>
-    </div>
-  );
-};
diff --git a/components/Blocks/TextBlock/index.tsx b/components/Blocks/TextBlock/index.tsx
index 55e40ecc..a2b9d3c6 100644
--- a/components/Blocks/TextBlock/index.tsx
+++ b/components/Blocks/TextBlock/index.tsx
@@ -67,6 +67,7 @@ export function TextBlock(
           className={props.className}
           first={first}
           pageType={props.pageType}
+          previousBlock={props.previousBlock}
         />
       )}
       {permission && !props.preview && !isLocked?.data.value && (
@@ -124,6 +125,7 @@ export function RenderedTextBlock(props: {
   first?: boolean;
   pageType?: "canvas" | "doc";
   type: BlockProps["type"];
+  previousBlock?: BlockProps["previousBlock"];
 }) {
   let initialFact = useEntity(props.entityID, "block/text");
   let headingLevel = useEntity(props.entityID, "block/heading-level");
@@ -165,7 +167,7 @@ export function RenderedTextBlock(props: {
       style={{ wordBreak: "break-word" }} // better than tailwind break-all!
       className={`
         ${alignmentClass}
-        ${props.type === "blockquote" ? " blockquote " : ""}
+        ${props.type === "blockquote" ? (props.previousBlock?.type === "blockquote" ? `blockquote pt-3 ` : "blockquote") : ""}
         ${props.type === "heading" ? HeadingStyle[headingLevel?.data.value || 1] : ""}
       w-full whitespace-pre-wrap outline-hidden ${props.className} `}
     >
@@ -338,7 +340,14 @@ export function BaseTextBlock(props: BlockProps & { className?: string }) {
       <div
         className={`flex items-center justify-between w-full
           ${selected && props.pageType === "canvas" && "bg-bg-page rounded-md"}
-          ${props.type === "blockquote" ? " blockquote  " : ""}
+          ${
+            props.type === "blockquote"
+              ? props.previousBlock?.type === "blockquote" && !props.listData
+                ? "blockquote pt-3"
+                : "blockquote"
+              : ""
+          }
+
           `}
       >
         <pre
diff --git a/components/Blocks/index.tsx b/components/Blocks/index.tsx
index 72166f0e..6a7414b6 100644
--- a/components/Blocks/index.tsx
+++ b/components/Blocks/index.tsx
@@ -16,7 +16,6 @@ import { v7 } from "uuid";
 import { Block } from "./Block";
 import { useEffect } from "react";
 import { addShortcut } from "src/shortcuts";
-import { QuoteEmbedBlock } from "./QuoteEmbedBlock";
 import { useHandleDrop } from "./useHandleDrop";
 
 export function Blocks(props: { entityID: string }) {
-- 
2.51.2