perbaikan kontrol device

src/app/content/hemat-app/user-profile/profil-information/profil-information.component.html

@@ -9,24 +9,46 @@
           <div class="row">
             <div class="col-md-8">
               <div class="form-group">
-                <label for="name" style="color: #ffffff">Full Name</label>
+                <label for="firstName" style="color: #ffffff">First Name</label>
                 <input
                   type="text"
-                  id="name"
+                  id="firstName"
                   class="form-control"
-                  formControlName="name"
+                  formControlName="firstName"
                   placeholder="John Vander"
                   [ngClass]="{
-                    'is-invalid': submitted && f.name.errors
+                    'is-invalid': submitted && f.firstName.errors
                   }"
                 />
                 <small
                   class="form-text text-muted danger"
-                  *ngIf="submitted && f.name.errors"
+                  *ngIf="submitted && f.firstName.errors"
                   class="invalid-feedback"
                 >
-                  <div *ngIf="f.name.errors.required">
-                    Full Name is required
+                  <div *ngIf="f.firstName.errors.required">
+                    Full First Name is required
+                  </div>
+                </small>
+              </div>
+              <div class="form-group">
+                <label for="lastName" style="color: #ffffff">Last Name</label>
+                <input
+                  type="text"
+                  id="lastName"
+                  class="form-control"
+                  formControlName="lastName"
+                  placeholder="John Vander"
+                  [ngClass]="{
+                    'is-invalid': submitted && f.lastName.errors
+                  }"
+                />
+                <small
+                  class="form-text text-muted danger"
+                  *ngIf="submitted && f.lastName.errors"
+                  class="invalid-feedback"
+                >
+                  <div *ngIf="f.lastName.errors.required">
+                    Full lastName is required
                   </div>
                 </small>
               </div>

src/app/content/hemat-app/user-profile/profil-information/profil-information.component.ts

@@ -23,7 +23,8 @@ export class ProfilInformationComponent {
 
   ngOnInit(): void {
     this.profilInfo = this.formBuilder.group({
-      name: ["", Validators.required],
+      firstName: ["", Validators.required],
+      lastName: ["", Validators.required],
       email: ["", Validators.required],
       phone: ["", Validators.required],
       profilePicture: [null]

src/app/content/hemat-app/user-profile/update-password/update-password.component.html

@@ -1,6 +1,6 @@
 <section id="update-password">
   <div class="row">
-    <div class="col-8">
+    <div class="col-6">
       <div class="card" style="background-color: #252525 !important">
         <div class="card-content">
           <div class="card-header" style="background-color: #252525 !important">