fix: disable inputs

Author: mdtro

static/app/components/modals/inviteMembersModal/inviteMembersModalview.tsx

@@ -64,8 +64,6 @@ export default function InviteMembersModalView({
   willInvite,
   error,
 }: Props) {
-  const disableInputs = sendingInvites || complete;
-
   const inviteEmails = invites.map(inv => inv.email);
   const hasDuplicateEmails = inviteEmails.length !== new Set(inviteEmails).size;
   const isValidInvites = invites.length > 0 && !hasDuplicateEmails;
@@ -76,18 +74,27 @@ export default function InviteMembersModalView({
     </Alert>
   ) : null;
 
+  const userEmails = member?.user?.emails;
+  const isVerified = userEmails ? userEmails.some(element => element.is_verified) : false;
+
+  const disableInputs = sendingInvites || complete || !isVerified;
+
   return (
     <Fragment>
       {errorAlert}
       <Heading>{t('Invite New Members')}</Heading>
-      {willInvite ? (
-        <Subtext>{t('Invite new members by email to join your organization.')}</Subtext>
-      ) : (
+      {!isVerified ? (
+        <Alert type="warning" showIcon>
+          {t('Please verify your email before inviting other users.')}
+        </Alert>
+      ) : !willInvite && isVerified ? (
         <Alert type="warning" showIcon>
           {t(
             'You can’t invite users directly, but we’ll forward your request to an org owner or manager for approval.'
           )}
         </Alert>
+      ) : (
+        <Subtext>{t('Invite new members by email to join your organization.')}</Subtext>
       )}
 
       {headerInfo}