From d4dadfb410e472acb470d6c0a69a592e9598344c Mon Sep 17 00:00:00 2001
From: "Ronald A. Richardson" <me@ron.dev>
Date: Sat, 17 Aug 2024 21:49:45 +0800
Subject: [PATCH] spruced up group form

---
 addon/components/modals/group-form.hbs | 34 ++++++++++++++++----------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/addon/components/modals/group-form.hbs b/addon/components/modals/group-form.hbs
index 3947b95..759fe2a 100644
--- 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>