spruced up group form

fleetbase · Aug 17, 2024 · d4dadfb · d4dadfb
1 parent 8c9a19d
commit d4dadfb
Showing 1 changed file with 21 additions and 13 deletions.
diff --git a/addon/components/modals/group-form.hbs b/addon/components/modals/group-form.hbs
@@ -1,18 +1,21 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div class="text-xs dark:text-gray-100">
-            <div class="input-group">
-                <label>
-                    {{t "iam.components.modals.group-form.group-name"}}
-                </label>
-                <Input @value={{@options.group.name}} @type="text" class="w-full form-input" placeholder={{t "iam.components.modals.group-form.group-name"}} disabled={{cannot @options.formPermission}} />
-            </div>
-            <div class="input-group">
-                <label>
-                    {{t "iam.components.modals.group-form.group-description"}}
-                </label>
-                <Textarea @value={{@options.group.description}} rows="5" class="w-full form-input" placeholder={{t "iam.components.modals.group-form.group-description"}} disabled={{cannot @options.formPermission}} />
-            </div>
+            <InputGroup
+                @name={{t "iam.components.modals.group-form.group-name"}}
+                @value={{@options.group.name}}
+                @placeholder={{t "iam.components.modals.group-form.group-name"}}
+                @disabled={{cannot @options.formPermission}}
+            />
+            <InputGroup @name={{t "iam.components.modals.group-form.group-description"}}>
+                <Textarea
+                    @value={{@options.group.description}}
+                    rows="5"
+                    class="w-full form-input"
+                    placeholder={{t "iam.components.modals.group-form.group-description"}}
+                    disabled={{cannot @options.formPermission}}
+                />
+            </InputGroup>
 
             <div class="input-group">
                 <div class="mb-4">
@@ -47,7 +50,12 @@
                                     {{user.name}}
                                 </span>
                                 <span>
-                                    <a href="javascript:;" class="text-blue-300 no-underline hover:text-blue-500" {{on "click" (fn @options.removeUser user)}} disabled={{cannot @options.formPermission}}>
+                                    <a
+                                        href="javascript:;"
+                                        class="text-blue-300 no-underline hover:text-blue-500"
+                                        {{on "click" (fn @options.removeUser user)}}
+                                        disabled={{cannot @options.formPermission}}
+                                    >
                                         <FaIcon @icon="times" @prefix="fas" />
                                     </a>
                                 </span>