diff --git a/app/soapbox/components/status_content.tsx b/app/soapbox/components/status_content.tsx index 9cbafa67f..87ec17298 100644 --- a/app/soapbox/components/status_content.tsx +++ b/app/soapbox/components/status_content.tsx @@ -273,11 +273,13 @@ const StatusContent: React.FC = ({ status, expanded = false, onE output.push(); } - if (status.poll && typeof status.poll === 'string') { + const hasPoll = status.poll && typeof status.poll === 'string'; + + if (hasPoll) { output.push(); } - return <>{output}; + return
{output}
; } else { const output = [
{ const maxOptions = pollLimits.get('max_options'); const maxOptionChars = pollLimits.get('max_characters_per_option'); - const handleAddOption = () => onAddOption(''); + const handleAddOption = () => { + // autofocus on new input + // use streamfield + onAddOption(''); + }; + const handleSelectDuration = (value: number) => onChangeSettings(value, isMultiple); const handleToggleMultiple = () => onChangeSettings(expiresIn, !isMultiple); @@ -170,7 +175,6 @@ const PollForm = (props: IPollForm) => { {options.size < maxOptions && (