Adjust user config (#184)

* feat(frontend): adjust user-config buttons

Signed-off-by: Matheus Cruz <[email protected]>

* feat(frontend): disable edit button

Signed-off-by: Matheus Cruz <[email protected]>

* refactor(codestyle): apply codestyle

Signed-off-by: Matheus Cruz <[email protected]>

---------

Signed-off-by: Matheus Cruz <[email protected]>

Author: mcruzdev

timeless-api/src/main/webui/src/app/pages/user-config/user-config.component.html

@@ -64,18 +64,21 @@
           ></p-inputmask>
         </div>
 
-        <div class="flex gap-4 md:col-span-2 justify-center">
+        <div class="flex gap-4 mt-4 md:col-span-2 justify-center">
           <button
             pButton
-            severity="contrast"
+            severity="primary"
             icon="pi pi-save"
             size="small"
             type="submit"
             label="Salvar"
+            class="w-full"
           ></button>
 
           <button
-            class="ml-2"
+            pTooltip="Opção desabilitada, por enquanto você só pode alterar número de telefone."
+            disabled
+            class="w-full"
             pButton
             severity="contrast"
             icon="pi pi-pencil"

timeless-api/src/main/webui/src/app/pages/user-config/user-config.component.ts

@@ -3,6 +3,7 @@ import { Card } from 'primeng/card';
 import { InputText } from 'primeng/inputtext';
 import { ButtonDirective } from 'primeng/button';
 import { InputMask } from 'primeng/inputmask';
+import { TooltipModule } from 'primeng/tooltip';
 import {
   FormBuilder,
   FormControl,
@@ -21,6 +22,7 @@ import { ToastService } from '../../services/toast.service';
     FormsModule,
     ReactiveFormsModule,
     ButtonDirective,
+    TooltipModule,
   ],
   templateUrl: './user-config.component.html',
   styleUrl: './user-config.component.scss',