Merge pull request #4079 from aakashreddy-p/aakash/fix/added-validation-check-user-content

fix: added validation condition for not select workspaces [SPRW-1836]

Author: itsmdasifraza

packages/@sparrow-workspaces/src/features/invite-to-workspace/components/invite-user-pickers/InviteUserPicker.svelte

@@ -32,6 +32,8 @@
    */
   export let currentWorkspaceUsers: { email: string }[] = [];
 
+  export let inviteSelectContent: boolean = false;
+
   // State variables
   let isOpen = false;
   let data = list;
@@ -218,6 +220,14 @@
       }
     }
   };
+
+  $: {
+    if (currentEmailEntered) {
+      inviteSelectContent = true;
+    } else {
+      inviteSelectContent = false;
+    }
+  }
 </script>
 
 <div on:click={handleDropdownClick}>

packages/@sparrow-workspaces/src/features/invite-to-workspace/layout/InviteToWorkspace.svelte

@@ -59,6 +59,8 @@
     roleInvalid: false,
     userConflict: "",
   };
+  let inviteSelectContent: boolean = false;
+  let isProceed: boolean = false;
 
   const clearErrors = () => {
     errors = {
@@ -73,6 +75,7 @@
    */
   const handleInvite = async () => {
     loader = true;
+    isProceed = true;
     clearErrors();
     if (emailstoBeSentArr.length === 0) {
       errors.emailsEmpty = true;
@@ -138,6 +141,12 @@
     selectedRole = role as WorkspaceRole;
     if (role !== defaultRole) errors.roleInvalid = false;
   };
+
+  $: {
+    if (!inviteSelectContent) {
+      isProceed = false;
+    }
+  }
 </script>
 
 <div class="d-flex flex-column pt-3">
@@ -168,8 +177,13 @@
       filterWorkspaceInviteEmails(emailstoBeSentArr);
     }}
     isError={errors.emailsEmpty || !!errors.userConflict}
+    bind:inviteSelectContent
   />
-  {#if errors.emailsEmpty}
+  {#if inviteSelectContent && isProceed}
+    <p class="error-text mb-0 sparrow-fs-12">
+      Please Select Item From Dropdown.
+    </p>
+  {:else if errors.emailsEmpty}
     <p class="error-text mb-0 sparrow-fs-12">Email ID cannot be empty.</p>
   {:else if errors.userConflict}
     <p class="error-text mb-0 sparrow-fs-12">{errors.userConflict}</p>