Move to .tsx

studio/components/interfaces/Authentication/Users/InviteUserModal.tsx

@@ -12,9 +12,9 @@ const InviteUserModal = () => {
   const inputRef = useRef<any>(null)
   const { ui } = useStore()
 
-  const [visible, setVisible] = useState<boolean>(false)
-  const [loading, setLoading] = useState<boolean>(false)
-  const [emailValue, setEmailValue] = useState<string>('')
+  const [visible, setVisible] = useState(false)
+  const [loading, setLoading] = useState(false)
+  const [emailValue, setEmailValue] = useState('')
 
   function handleToggle() {
     // reset data before showing modal again

studio/components/to-be-cleaned/ModalsDeprecated/InviteMemberModal.tsx

@@ -89,7 +89,7 @@ function InviteMemberModal({ organization, members = [] }) {
       >
         <div className="w-full py-4 space-y-4">
           <Modal.Content>
-            <div className="text-center">{PageState.emailAddress}
+            <div className="text-center">
               <Input
                 icon={<IconMail />}
                 autoFocus
@@ -107,7 +107,7 @@ function InviteMemberModal({ organization, members = [] }) {
               <Button
                 onClick={addMember}
                 loading={PageState.addMemberLoading}
-                disabled={PageState.addBtnDisable}
+                disabled={!PageState.emailIsValid()}
                 block
               >
                 Invite new member