diff --git a/app/soapbox/features/ui/components/modals/manage-group-modal/create-group-modal.tsx b/app/soapbox/features/ui/components/modals/manage-group-modal/create-group-modal.tsx index bbeb2d43e..068cf82ec 100644 --- a/app/soapbox/features/ui/components/modals/manage-group-modal/create-group-modal.tsx +++ b/app/soapbox/features/ui/components/modals/manage-group-modal/create-group-modal.tsx @@ -33,7 +33,9 @@ const CreateGroupModal: React.FC = ({ onClose }) => { const debounce = useDebounce; const [group, setGroup] = useState(null); - const [params, setParams] = useState({}); + const [params, setParams] = useState({ + group_visibility: 'everyone', + }); const [currentStep, setCurrentStep] = useState(Steps.ONE); const { createGroup, isSubmitting } = useCreateGroup(); @@ -96,9 +98,22 @@ const CreateGroupModal: React.FC = ({ onClose }) => { } }; + const renderModalTitle = () => { + switch (currentStep) { + case Steps.ONE: + return ; + default: + if (params.group_visibility === 'everyone') { + return ; + } else { + return ; + } + } + }; + return ( } + title={renderModalTitle()} confirmationAction={handleNextStep} confirmationText={confirmationText} confirmationDisabled={isSubmitting || (currentStep === Steps.TWO && !isValid)}