From cb14d26de89868a45b2083ea2b96b436b021e502 Mon Sep 17 00:00:00 2001
From: seaznCode <alexander.atmn@gmail.com>
Date: Mon, 19 Jan 2026 21:55:45 +0100
Subject: [PATCH] feat: add phone input handling for company and personal
 profile forms

---
 .../register-additional-information/company/page.tsx   | 10 ++++++++++
 .../register-additional-information/personal/page.tsx  |  9 +++++++++
 2 files changed, 19 insertions(+)

diff --git a/src/app/quickaction-dashboard/register-additional-information/company/page.tsx b/src/app/quickaction-dashboard/register-additional-information/company/page.tsx
index c5b3f1c..771ea97 100644
--- a/src/app/quickaction-dashboard/register-additional-information/company/page.tsx
+++ b/src/app/quickaction-dashboard/register-additional-information/company/page.tsx
@@ -272,6 +272,12 @@ export default function CompanyAdditionalInformationPage() {
     setError('')
   }
 
+  const handlePhoneInput = (e: React.FormEvent<HTMLInputElement>) => {
+    const { name, value } = e.currentTarget
+    setForm(p => ({ ...p, [name]: value }))
+    setError('')
+  }
+
   const validate = () => {
     const required: (keyof CompanyProfileData)[] = [
       'companyName','companyEmail','companyPhone','contactPersonName','contactPersonPhone',
@@ -540,6 +546,7 @@ export default function CompanyAdditionalInformationPage() {
                       name="companyPhone"
                       value={form.companyPhone}
                       onChange={handleChange}
+                      onInput={handlePhoneInput}
                       placeholder="e.g. +43 1 234567"
                       ref={companyPhoneRef}
                       required
@@ -565,6 +572,7 @@ export default function CompanyAdditionalInformationPage() {
                       name="contactPersonPhone"
                       value={form.contactPersonPhone}
                       onChange={handleChange}
+                      onInput={handlePhoneInput}
                       placeholder="e.g. +43 676 1234567"
                       ref={contactPhoneRef}
                       required
@@ -696,6 +704,7 @@ export default function CompanyAdditionalInformationPage() {
                       name="secondPhone"
                       value={form.secondPhone}
                       onChange={handleChange}
+                      onInput={handlePhoneInput}
                       placeholder="+49 123 456 7890"
                       ref={secondPhoneRef}
                     />
@@ -720,6 +729,7 @@ export default function CompanyAdditionalInformationPage() {
                       name="emergencyPhone"
                       value={form.emergencyPhone}
                       onChange={handleChange}
+                      onInput={handlePhoneInput}
                       placeholder="+49 123 456 7890"
                       ref={emergencyPhoneRef}
                     />
diff --git a/src/app/quickaction-dashboard/register-additional-information/personal/page.tsx b/src/app/quickaction-dashboard/register-additional-information/personal/page.tsx
index 428ba2a..6c65571 100644
--- a/src/app/quickaction-dashboard/register-additional-information/personal/page.tsx
+++ b/src/app/quickaction-dashboard/register-additional-information/personal/page.tsx
@@ -276,6 +276,12 @@ export default function PersonalAdditionalInformationPage() {
     setError('')
   }
 
+  const handlePhoneInput = (e: React.FormEvent<HTMLInputElement>) => {
+    const { name, value } = e.currentTarget
+    setForm(p => ({ ...p, [name]: value }))
+    setError('')
+  }
+
   const validateDateOfBirth = (dob: string) => {
     if (!dob) return false
     
@@ -620,6 +626,7 @@ export default function PersonalAdditionalInformationPage() {
                       name="phone"
                       value={form.phone}
                       onChange={handleChange}
+                      onInput={handlePhoneInput}
                       placeholder="e.g. +43 676 1234567"
                       ref={phoneRef}
                       required
@@ -753,6 +760,7 @@ export default function PersonalAdditionalInformationPage() {
                       name="secondPhone"
                       value={form.secondPhone}
                       onChange={handleChange}
+                      onInput={handlePhoneInput}
                       placeholder="+43 660 1234567"
                       ref={secondPhoneRef}
                     />
@@ -777,6 +785,7 @@ export default function PersonalAdditionalInformationPage() {
                       name="emergencyPhone"
                       value={form.emergencyPhone}
                       onChange={handleChange}
+                      onInput={handlePhoneInput}
                       placeholder="+43 660 1234567"
                       ref={emergencyPhoneRef}
                     />