From 13bf241d9fa5715f30c2ef27c9d055f9499beb17 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 27 Nov 2024 19:19:17 -0600
Subject: [PATCH] Emojify polls

---
 src/components/polls/poll-option.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/polls/poll-option.tsx b/src/components/polls/poll-option.tsx
index 327347400..919e2bc43 100644
--- a/src/components/polls/poll-option.tsx
+++ b/src/components/polls/poll-option.tsx
@@ -7,6 +7,7 @@ import { Motion, presets, spring } from 'react-motion';
 import HStack from 'soapbox/components/ui/hstack.tsx';
 import Icon from 'soapbox/components/ui/icon.tsx';
 import Text from 'soapbox/components/ui/text.tsx';
+import { emojifyText } from 'soapbox/utils/emojify.tsx';
 
 import type {
   Poll as PollEntity,
@@ -68,7 +69,7 @@ const PollOptionText: React.FC<IPollOptionText> = ({ poll, option, index, active
         <div className='col-start-1 row-start-1 ml-4 mr-6 justify-self-center'>
           <div className='text-primary-600 dark:text-white'>
             <Text theme='inherit' weight='medium' align='center'>
-              {option.title}
+              {emojifyText(option.title, poll.emojis)}
             </Text>
           </div>
         </div>
@@ -133,7 +134,7 @@ const PollOption: React.FC<IPollOption> = (props): JSX.Element | null => {
 
             <div className='text-primary-600 dark:text-white'>
               <Text theme='inherit' weight='medium' className='relative'>
-                {option.title}
+                {emojifyText(option.title, poll.emojis)}
               </Text>
             </div>