feat: improve form validation

api/src/Application/Calendar/Command/CreateEventCommandHandler.spec.ts

@@ -75,7 +75,7 @@ describe('CreateEventCommandHandler', () => {
     ).thenResolve(null);
 
     try {
-      await handler.execute(command);
+      expect(await handler.execute(command)).toBeUndefined();
     } catch (e) {
       expect(e).toBeInstanceOf(UserNotFoundException);
       expect(e.message).toBe('users.errors.not_found');

client/src/components/inputs/Input.svelte

@@ -15,7 +15,7 @@
 
 <div class={`block text-sm ${marginClass}`}>
   {#if label}
-    <label class="text-gray-700 dark:text-gray-400" for={id}>{label}</label>
+    <label class="text-gray-700 dark:text-gray-400 {required}" for={id}>{label}</label>
   {/if}
   {#if type === 'email'}
     <input

client/src/components/inputs/SelectInput.svelte

@@ -9,7 +9,7 @@
 </script>
 
 <div class="block mb-4 text-sm">
-  <label class="text-gray-700 dark:text-gray-400" for="{id}">{label}</label>
+  <label class="text-gray-700 dark:text-gray-400 {required}" for="{id}">{label}</label>
   <select
     {id}
     {required}

client/src/routes/admin/schools/_Form.svelte

@@ -75,7 +75,6 @@
     <Input
       label={$_('schools.form.email')}
       type={'email'}
-      required={false}
       bind:value={email} />
     <Input
       label={$_('schools.form.phone_number')}
@@ -99,5 +98,5 @@
   <Button
     value={$_('common.form.save')}
     loading={loading}
-    disabled={!reference || !name || !address || !city || !zipCode || !status || !type || loading} />
+    disabled={!reference || !name || !address || !city || !email || !zipCode || !status || !type || loading} />
 </form>

client/static/css/tailwind.css

@@ -12,3 +12,8 @@
   background: #fff;
   display: block;
 }
+
+label.required:after {
+  content: ' *';
+  color: #e32;
+}