Show error pre-submit

2023-05-08 13:07:54 +02:00 · 2023-05-08 13:07:54 +02:00 · 3a9c90ac6b
parent cd47bc20a2
commit 3a9c90ac6b
1 changed files with 10 additions and 2 deletions
--- a/packages/builder/src/pages/builder/portal/users/groups/_components/CreateEditGroupModal.svelte
+++ b/packages/builder/src/pages/builder/portal/users/groups/_components/CreateEditGroupModal.svelte
@ -9,15 +9,23 @@

  export let group
  export let saveGroup
+
+  let nameError
 </script>

 <ModalContent
-  onConfirm={() => saveGroup(group)}
+  onConfirm={() => {
+    if (!group.name?.trim()) {
+      nameError = "Group name cannot be empty"
+      return false
+    }
+    saveGroup(group)
+  }}
  size="M"
  title={group?._rev ? "Edit group" : "Create group"}
  confirmText="Save"
 >
-  <Input bind:value={group.name} label="Name" />
+  <Input bind:value={group.name} label="Name" error={nameError} />
  <div class="modal-format">
    <div class="modal-inner">
      <Body size="XS">Icon</Body>