From 9efb64eea8aadf605200f0105b99a381da1864b6 Mon Sep 17 00:00:00 2001
From: Gabriel De Los Rios <gab.dlr3012@gmail.com>
Date: Wed, 17 Dec 2025 20:15:53 -0300
Subject: [PATCH] refactor: pass form instance to form component, reset on save

---
 src/app/pages/main/main.html | 1 +
 src/app/pages/main/main.ts   | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/pages/main/main.html b/src/app/pages/main/main.html
index 69daa08..2cde2ad 100644
--- a/src/app/pages/main/main.html
+++ b/src/app/pages/main/main.html
@@ -2,6 +2,7 @@
 <app-card bgColor="var(--secondary)">
     <app-contact-form 
         (contact)="save($event)"
+        [form]="form"
         [submitText]="strings.add"
         class="form" 
     ><app-form-header 
diff --git a/src/app/pages/main/main.ts b/src/app/pages/main/main.ts
index b78d062..abfc5e0 100644
--- a/src/app/pages/main/main.ts
+++ b/src/app/pages/main/main.ts
@@ -8,6 +8,7 @@ import { FormHeader } from '../../components/form-header/form-header';
 import { STRINGS_INJECTOR } from '../../app.config';
 import { UpperfirstPipe } from '../../pipes/upperfirst-pipe';
 import { MainHeader } from '../../components/main-header/main-header';
+import { FormGroupContact } from '../../utils/form-group-contact';
 
 @Component({
   selector: 'app-main',
@@ -16,10 +17,13 @@ import { MainHeader } from '../../components/main-header/main-header';
   styleUrl: './main.scss',
 })
 export class Main {
-  private readonly contactService = inject(ContactService);
+  protected readonly form = new FormGroupContact();
   protected readonly strings = inject(STRINGS_INJECTOR);
+  private readonly contactService = inject(ContactService);
 
   save(contactDTO: ContactDTO) {
-    this.contactService.save(contactDTO).subscribe();
+    this.contactService.save(contactDTO).subscribe({
+      next: () => this.form.reset(),
+    });
   }
 }