diff --git a/packages/pl-fe/src/components/polls/poll-option.tsx b/packages/pl-fe/src/components/polls/poll-option.tsx index caef4e4fa..9fb233f86 100644 --- a/packages/pl-fe/src/components/polls/poll-option.tsx +++ b/packages/pl-fe/src/components/polls/poll-option.tsx @@ -31,7 +31,7 @@ interface IPollOptionText extends IPollOption { percent: number; } -const PollOptionText: React.FC = ({ poll, option, index, active, onToggle }) => { +const PollOptionText: React.FC = ({ poll, option, index, active, onToggle, truncate }) => { const handleOptionChange: React.EventHandler = () => onToggle(index); const handleOptionKeyPress: React.EventHandler = e => { @@ -61,12 +61,13 @@ const PollOptionText: React.FC = ({ poll, option, index, active />
-
-
+
+
@@ -103,10 +104,11 @@ interface IPollOption { active: boolean; onToggle: (value: number) => void; language?: string | null; + truncate?: boolean; } const PollOption: React.FC = (props): JSX.Element | null => { - const { index, poll, option, showResults, language } = props; + const { index, poll, option, showResults, language, truncate } = props; const intl = useIntl(); @@ -132,11 +134,11 @@ const PollOption: React.FC = (props): JSX.Element | null => { > -
+
diff --git a/packages/pl-fe/src/components/polls/poll.tsx b/packages/pl-fe/src/components/polls/poll.tsx index 6337c84ab..cc0f63815 100644 --- a/packages/pl-fe/src/components/polls/poll.tsx +++ b/packages/pl-fe/src/components/polls/poll.tsx @@ -19,13 +19,14 @@ interface IPoll { id: string; status?: Pick; language?: string; + truncate?: boolean; } const messages = defineMessages({ multiple: { id: 'poll.choose_multiple', defaultMessage: 'Choose as many as you\'d like.' }, }); -const Poll: React.FC = ({ id, status, language }): JSX.Element | null => { +const Poll: React.FC = ({ id, status, language, truncate }): JSX.Element | null => { const { openModal } = useModalsStore(); const dispatch = useAppDispatch(); const intl = useIntl(); @@ -89,6 +90,7 @@ const Poll: React.FC = ({ id, status, language }): JSX.Element | null => active={!!selected[i]} onToggle={toggleOption} language={language} + truncate={truncate} /> ))} diff --git a/packages/pl-fe/src/components/status-content.tsx b/packages/pl-fe/src/components/status-content.tsx index 4b8f52dfc..c5eee8800 100644 --- a/packages/pl-fe/src/components/status-content.tsx +++ b/packages/pl-fe/src/components/status-content.tsx @@ -269,7 +269,7 @@ const StatusContent: React.FC = React.memo(({ } if (status.poll_id) { - output.push(); + output.push(); } if (translatable) { @@ -305,7 +305,7 @@ const StatusContent: React.FC = React.memo(({ } if (status.poll_id) { - output.push(); + output.push(); } if (translatable) {