From b248f15b1ae63c458b11555823e86c11fe934d6a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicole=20Miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Tue, 15 Apr 2025 11:48:26 +0200
Subject: [PATCH] pl-fe: fix emojis/catspeak in greentext
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Nicole Mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/parsed-content.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/components/parsed-content.tsx b/packages/pl-fe/src/components/parsed-content.tsx
index 457c16a81..a6b9af0b8 100644
--- a/packages/pl-fe/src/components/parsed-content.tsx
+++ b/packages/pl-fe/src/components/parsed-content.tsx
@@ -123,6 +123,12 @@ function parseContent({
 
   const hashtags: Array<string> = [];
 
+  const transformText = (data: string, key?: React.Key) => {
+    const text = speakAsCat ? nyaize(data) : data;
+
+    return <Emojify key={key} text={text} emojis={emojiMap} />;
+  };
+
   const options: HTMLReactParserOptions = {
     replace(domNode) {
       if (!(domNode instanceof Element)) {
@@ -135,7 +141,7 @@ function parseContent({
         if (greentext && (data.startsWith('>') || domNode.prev?.greentext)) {
           // @ts-ignore
           domNode.greentext = true;
-          return <span className={GREENTEXT_CLASS}>{domNode.data}</span>;
+          return <span className={GREENTEXT_CLASS}>{transformText(domNode.data)}</span>;
         }
 
         return;
@@ -256,9 +262,7 @@ function parseContent({
 
     transform(reactNode, _domNode, index) {
       if (typeof reactNode === 'string') {
-        const text = speakAsCat ? nyaize(reactNode) : reactNode;
-
-        return <Emojify key={index} text={text} emojis={emojiMap} />;
+        return transformText(reactNode, index);
       }
 
       return reactNode as JSX.Element;