From ecfa2d2f46e945ce4987df7f25c0a78d987fb2d2 Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Mon, 16 May 2022 15:12:55 -0230
Subject: [PATCH] Move to .tsx

---
 .../interfaces/Authentication/Users/InviteUserModal.tsx     | 6 +++---
 .../{InviteMemberModal.js => InviteMemberModal.tsx}         | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)
 rename studio/components/to-be-cleaned/ModalsDeprecated/{InviteMemberModal.js => InviteMemberModal.tsx} (97%)

diff --git a/studio/components/interfaces/Authentication/Users/InviteUserModal.tsx b/studio/components/interfaces/Authentication/Users/InviteUserModal.tsx
index 23185950f55..71b6501fb07 100644
--- a/studio/components/interfaces/Authentication/Users/InviteUserModal.tsx
+++ b/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
diff --git a/studio/components/to-be-cleaned/ModalsDeprecated/InviteMemberModal.js b/studio/components/to-be-cleaned/ModalsDeprecated/InviteMemberModal.tsx
similarity index 97%
rename from studio/components/to-be-cleaned/ModalsDeprecated/InviteMemberModal.js
rename to studio/components/to-be-cleaned/ModalsDeprecated/InviteMemberModal.tsx
index f872bf7e549..e9002245880 100644
--- a/studio/components/to-be-cleaned/ModalsDeprecated/InviteMemberModal.js
+++ b/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