Emojify polls
This commit is contained in:
parent
bacbffd5c5
commit
13bf241d9f
|
@ -7,6 +7,7 @@ import { Motion, presets, spring } from 'react-motion';
|
||||||
import HStack from 'soapbox/components/ui/hstack.tsx';
|
import HStack from 'soapbox/components/ui/hstack.tsx';
|
||||||
import Icon from 'soapbox/components/ui/icon.tsx';
|
import Icon from 'soapbox/components/ui/icon.tsx';
|
||||||
import Text from 'soapbox/components/ui/text.tsx';
|
import Text from 'soapbox/components/ui/text.tsx';
|
||||||
|
import { emojifyText } from 'soapbox/utils/emojify.tsx';
|
||||||
|
|
||||||
import type {
|
import type {
|
||||||
Poll as PollEntity,
|
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='col-start-1 row-start-1 ml-4 mr-6 justify-self-center'>
|
||||||
<div className='text-primary-600 dark:text-white'>
|
<div className='text-primary-600 dark:text-white'>
|
||||||
<Text theme='inherit' weight='medium' align='center'>
|
<Text theme='inherit' weight='medium' align='center'>
|
||||||
{option.title}
|
{emojifyText(option.title, poll.emojis)}
|
||||||
</Text>
|
</Text>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -133,7 +134,7 @@ const PollOption: React.FC<IPollOption> = (props): JSX.Element | null => {
|
||||||
|
|
||||||
<div className='text-primary-600 dark:text-white'>
|
<div className='text-primary-600 dark:text-white'>
|
||||||
<Text theme='inherit' weight='medium' className='relative'>
|
<Text theme='inherit' weight='medium' className='relative'>
|
||||||
{option.title}
|
{emojifyText(option.title, poll.emojis)}
|
||||||
</Text>
|
</Text>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue