From 6e63d05404481042751f10df6d7f8520049548d2 Mon Sep 17 00:00:00 2001
From: Mirlan <m.maksitaliev@gmail.com>
Date: Wed, 28 Oct 2020 20:12:16 +0600
Subject: [PATCH] fix(#515): phone autocomplete in user account (#198)

---
 src/features/UserAccount/hooks/useUserSubscriptions.tsx | 2 +-
 src/features/UserAccount/index.tsx                      | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/features/UserAccount/hooks/useUserSubscriptions.tsx b/src/features/UserAccount/hooks/useUserSubscriptions.tsx
index 86403530..0dc2bef4 100644
--- a/src/features/UserAccount/hooks/useUserSubscriptions.tsx
+++ b/src/features/UserAccount/hooks/useUserSubscriptions.tsx
@@ -24,7 +24,7 @@ export const useUserSubscriptions = () => {
 
   useEffect(() => {
     getUserSubscriptions().then((res) => {
-      setSubscriptions(res.custom[0].teams)
+      setSubscriptions(res.custom?.[0].teams)
     })
   }, [])
 
diff --git a/src/features/UserAccount/index.tsx b/src/features/UserAccount/index.tsx
index f24bb76a..335e7ee0 100644
--- a/src/features/UserAccount/index.tsx
+++ b/src/features/UserAccount/index.tsx
@@ -66,6 +66,7 @@ export const UserAccount = () => {
               <Input
                 value={readFormValue(formIds.firstname)}
                 labelLexic='name'
+                autoComplete='given-name'
                 labelWidth={labelWidth}
                 onChange={updateFormValue(formIds.firstname)}
                 error={readFormError(formIds.firstname)}
@@ -75,6 +76,7 @@ export const UserAccount = () => {
               <Input
                 value={readFormValue(formIds.lastname)}
                 labelLexic='lastname'
+                autoComplete='family-name'
                 labelWidth={labelWidth}
                 onChange={updateFormValue(formIds.lastname)}
                 error={readFormError(formIds.lastname)}
@@ -85,6 +87,7 @@ export const UserAccount = () => {
                 onBlur={onPhoneBlur}
                 value={readFormValue(formIds.phone)}
                 labelLexic='phone'
+                autoComplete='tel'
                 labelWidth={labelWidth}
                 onChange={updateFormValue(formIds.phone)}
                 error={readFormError(formIds.phone)}
@@ -95,6 +98,7 @@ export const UserAccount = () => {
                 value={readFormValue(formIds.password)}
                 error={readFormError(formIds.password)}
                 type='password'
+                autoComplete='new-password'
                 labelLexic='form_password'
                 labelWidth={labelWidth}
                 onChange={updateFormValue(formIds.password)}
@@ -115,6 +119,7 @@ export const UserAccount = () => {
                 value={readFormValue(formIds.postalCode)}
                 error={readFormError(formIds.postalCode)}
                 labelLexic='form_postal_code'
+                autoComplete='postal-code'
                 labelWidth={labelWidth}
                 onChange={updateFormValue(formIds.postalCode)}
                 editIcon
@@ -143,6 +148,7 @@ export const UserAccount = () => {
                 error={readFormError(formIds.address1)}
                 labelLexic='form_address1'
                 labelWidth={labelWidth}
+                autoComplete='address-line1'
                 onChange={updateFormValue(formIds.address1)}
                 editIcon
                 maxLength={500}
@@ -152,6 +158,7 @@ export const UserAccount = () => {
                 error={readFormError(formIds.address2)}
                 labelLexic='form_address2'
                 labelWidth={labelWidth}
+                autoComplete='address-line2'
                 onChange={updateFormValue(formIds.address2)}
                 editIcon
                 maxLength={500}