Function InviteMember

apps/web/ui/MembersView/index.tsx:37–86

({
  onSubmit,
  loading,
}: {
  onSubmit: any;
  loading: boolean;
})

}

function InviteMember({
  onSubmit,
  loading,
}: {
  onSubmit: any;
  loading: boolean;
}) {
  return (
    <>
      <form className={styles.form} onSubmit={onSubmit}>
        <Label htmlFor="email">
          Invite
          <br />
          <span className={styles.subtitle}>
            Send invitations via email. You can enter multiple emails, comma
            separated.
          </span>
        </Label>
        <div className={styles.flexRowGap2}>
          <div className={styles.grow}>
            <TextInput
              id="email"
              type="text"
              icon={<FiUser />}
              placeholder="user1@domain.com,user2@domain.com"
              required
            />
          </div>
          <div className={styles.shrink}>
            <NativeSelect
              id="role"
              icon={<FiUser />}
              theme="blue"
              options={[
                { label: 'Member', value: Roles.MEMBER },
                { label: 'Admin', value: Roles.ADMIN },
              ]}
            />
          </div>
          <div className={styles.shrink}>
            <Button type="submit" disabled={loading}>
              <FiSend />
              {loading ? 'Loading...' : 'Send'}
            </Button>
          </div>
        </div>
      </form>
    </>
  );
}

function TableMembers({
  users,