From 6dc47f667264e79b491a3dfe84768bd8e53c303e Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Wed, 3 Dec 2025 01:46:19 +0000
Subject: [PATCH] refactor: Extract code block detection into isCodeBlock
 function

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
---
 webclient/src/Article.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/webclient/src/Article.js b/webclient/src/Article.js
index 2583a99..b2f3a20 100644
--- a/webclient/src/Article.js
+++ b/webclient/src/Article.js
@@ -57,6 +57,10 @@ function Article({ cache }) {
 		setPConv(prevPConv => [...prevPConv, n]);
 	};
 
+	const isCodeBlock = (v) => {
+		return v.localName === 'pre' || v.localName === 'code' || (v.children?.length === 1 && v.children[0].localName === 'code');
+	};
+
 	const nodes = useMemo(() => {
 		if (story && story.text) {
 			let div = document.createElement('div');
@@ -105,7 +109,7 @@ function Article({ cache }) {
 									:
 										<React.Fragment key={k}>
 											<v.localName dangerouslySetInnerHTML={v.innerHTML ? { __html: v.innerHTML } : null} />
-											{(v.localName === 'pre' || v.localName === 'code' || (v.children?.length === 1 && v.children[0].localName === 'code')) && <button onClick={() => pConvert(k)}>Convert Code to Paragraph</button>}
+											{isCodeBlock(v) && <button onClick={() => pConvert(k)}>Convert Code to Paragraph</button>}
 										</React.Fragment>
 									)
 							)}