fix: bg reference purport update

2026-06-23 15:13:27 +05:30
parent 7b81bbc791
commit 9916810d18
2 changed files with 24 additions and 3 deletions
@@ -219,9 +219,17 @@ function VerseCard({
              Purport
            </h3>
            <div className="text-base text-foreground leading-relaxed space-y-3">
-              {verse.purport.map((p, i) => (
-                <p key={i} dangerouslySetInnerHTML={{ __html: p }} />
-              ))}
+              {verse.purport.map((p, i) =>
+                // Cited ślokas come wrapped in <blockquote class="shloka"> — a
+                // block element that can't live inside a <p>, so render those
+                // in a <div> (styled centered + accent via globals.css); plain
+                // prose paragraphs stay as <p>.
+                /^\s*<blockquote/i.test(p) ? (
+                  <div key={i} dangerouslySetInnerHTML={{ __html: p }} />
+                ) : (
+                  <p key={i} dangerouslySetInnerHTML={{ __html: p }} />
+                ),
+              )}
            </div>
          </div>
        )}