diff --git a/app/soapbox/features/groups/index.tsx b/app/soapbox/features/groups/index.tsx index 7c392d28d..2f6436cd5 100644 --- a/app/soapbox/features/groups/index.tsx +++ b/app/soapbox/features/groups/index.tsx @@ -33,7 +33,7 @@ const Groups: React.FC = () => { const { groups, isLoading } = useGroups(debouncedValue); const createGroup = () => { - dispatch(openModal('MANAGE_GROUP')); + dispatch(openModal('CREATE_GROUP')); }; const renderBlankslate = () => ( diff --git a/app/soapbox/features/ui/components/modal-root.tsx b/app/soapbox/features/ui/components/modal-root.tsx index 55e53c268..08fd4c88c 100644 --- a/app/soapbox/features/ui/components/modal-root.tsx +++ b/app/soapbox/features/ui/components/modal-root.tsx @@ -26,7 +26,7 @@ import { LandingPageModal, ListAdder, ListEditor, - ManageGroupModal, + CreateGroupModal, MediaModal, MentionsModal, MissingDescriptionModal, @@ -59,6 +59,7 @@ const MODAL_COMPONENTS = { 'COMPOSE': ComposeModal, 'COMPOSE_EVENT': ComposeEventModal, 'CONFIRM': ConfirmationModal, + 'CREATE_GROUP': CreateGroupModal, 'CRYPTO_DONATE': CryptoDonateModal, 'DISLIKES': DislikesModal, 'EDIT_ANNOUNCEMENT': EditAnnouncementModal, @@ -73,7 +74,6 @@ const MODAL_COMPONENTS = { 'LANDING_PAGE': LandingPageModal, 'LIST_ADDER': ListAdder, 'LIST_EDITOR': ListEditor, - 'MANAGE_GROUP': ManageGroupModal, 'MEDIA': MediaModal, 'MENTIONS': MentionsModal, 'MISSING_DESCRIPTION': MissingDescriptionModal, diff --git a/app/soapbox/features/ui/components/modals/manage-group-modal/manage-group-modal.tsx b/app/soapbox/features/ui/components/modals/manage-group-modal/create-group-modal.tsx similarity index 95% rename from app/soapbox/features/ui/components/modals/manage-group-modal/manage-group-modal.tsx rename to app/soapbox/features/ui/components/modals/manage-group-modal/create-group-modal.tsx index 3486c8e6e..2d4bea51a 100644 --- a/app/soapbox/features/ui/components/modals/manage-group-modal/manage-group-modal.tsx +++ b/app/soapbox/features/ui/components/modals/manage-group-modal/create-group-modal.tsx @@ -22,11 +22,11 @@ enum Steps { THREE = 'THREE', } -interface IManageGroupModal { +interface ICreateGroupModal { onClose: (type?: string) => void } -const ManageGroupModal: React.FC = ({ onClose }) => { +const CreateGroupModal: React.FC = ({ onClose }) => { const intl = useIntl(); const debounce = useDebounce; @@ -102,4 +102,4 @@ const ManageGroupModal: React.FC = ({ onClose }) => { ); }; -export default ManageGroupModal; +export default CreateGroupModal; diff --git a/app/soapbox/features/ui/components/panels/new-group-panel.tsx b/app/soapbox/features/ui/components/panels/new-group-panel.tsx index 9eba9c7e0..387f3abf0 100644 --- a/app/soapbox/features/ui/components/panels/new-group-panel.tsx +++ b/app/soapbox/features/ui/components/panels/new-group-panel.tsx @@ -12,7 +12,7 @@ const NewGroupPanel = () => { const canCreateGroup = useAppSelector((state) => hasPermission(state, PERMISSION_CREATE_GROUPS)); const createGroup = () => { - dispatch(openModal('MANAGE_GROUP')); + dispatch(openModal('CREATE_GROUP')); }; if (!canCreateGroup) return null; diff --git a/app/soapbox/features/ui/util/async-components.ts b/app/soapbox/features/ui/util/async-components.ts index 381f033ad..5296504da 100644 --- a/app/soapbox/features/ui/util/async-components.ts +++ b/app/soapbox/features/ui/util/async-components.ts @@ -590,8 +590,8 @@ export function GroupMembershipRequests() { return import(/* webpackChunkName: "features/groups" */'../../group/group-membership-requests'); } -export function ManageGroupModal() { - return import(/* webpackChunkName: "features/manage_group_modal" */'../components/modals/manage-group-modal/manage-group-modal'); +export function CreateGroupModal() { + return import(/* webpackChunkName: "features/groups" */'../components/modals/manage-group-modal/create-group-modal'); } export function NewGroupPanel() {