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 9f5d143a7..f09232b42 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 @@ -94,7 +94,7 @@ const CreateGroupModal: React.FC = ({ onClose }) => { case Steps.TWO: return ; case Steps.THREE: - return ; + return ; } }; diff --git a/app/soapbox/features/ui/components/modals/manage-group-modal/steps/confirmation-step.tsx b/app/soapbox/features/ui/components/modals/manage-group-modal/steps/confirmation-step.tsx index f0be4f73b..0b7a38d0e 100644 --- a/app/soapbox/features/ui/components/modals/manage-group-modal/steps/confirmation-step.tsx +++ b/app/soapbox/features/ui/components/modals/manage-group-modal/steps/confirmation-step.tsx @@ -8,7 +8,7 @@ import copy from 'soapbox/utils/copy'; import type { Group } from 'soapbox/schemas'; interface IConfirmationStep { - group: Group + group: Group | null } const messages = defineMessages({ @@ -19,20 +19,24 @@ const ConfirmationStep: React.FC = ({ group }) => { const intl = useIntl(); const handleCopyLink = () => { - copy(`${window.location.origin}/group/${group.slug}`, () => { + copy(`${window.location.origin}/group/${group?.slug}`, () => { toast.success(intl.formatMessage(messages.copied)); }); }; const handleShare = () => { navigator.share({ - text: group.display_name, - url: group.uri, + text: group?.display_name, + url: group?.uri, }).catch((e) => { if (e.name !== 'AbortError') console.error(e); }); }; + if (!group) { + return null; + } + return (