From 4d71138f701a0a7ae75cfc87f2eb6b90f7087761 Mon Sep 17 00:00:00 2001
From: Pedro Igor <pigor.craveiro@gmail.com>
Date: Fri, 8 Sep 2023 11:43:19 -0300
Subject: [PATCH] Attributes without a value set are not rendered in the
 account console (#22968)

Closes #22961
---
 .../app/content/account-page/AccountPage.tsx  | 84 +++++++++----------
 1 file changed, 41 insertions(+), 43 deletions(-)

diff --git a/themes/src/main/resources/theme/keycloak.v2/account/src/app/content/account-page/AccountPage.tsx b/themes/src/main/resources/theme/keycloak.v2/account/src/app/content/account-page/AccountPage.tsx
index 292e413f95..97d3f62b1e 100644
--- a/themes/src/main/resources/theme/keycloak.v2/account/src/app/content/account-page/AccountPage.tsx
+++ b/themes/src/main/resources/theme/keycloak.v2/account/src/app/content/account-page/AccountPage.tsx
@@ -197,7 +197,7 @@ export class AccountPage extends React.Component<AccountPageProps, AccountPageSt
                                 )}
                             </FormGroup>
                         )}
-                        {!this.isUpdateEmailFeatureEnabled && fields.email != undefined && <FormGroup
+                        {!this.isUpdateEmailFeatureEnabled && <FormGroup
                             label={Msg.localize('email')}
                             fieldId="email-address"
                             helperTextInvalid={this.state.errors.email}
@@ -250,58 +250,56 @@ export class AccountPage extends React.Component<AccountPageProps, AccountPageSt
                                 }
                             </InputGroup>
                         </FormGroup> }
-                        { fields.firstName != undefined && <FormGroup
-                                label={Msg.localize("firstName")}
-                                fieldId="first-name"
-                                helperTextInvalid={this.state.errors.firstName}
+                        <FormGroup
+                            label={Msg.localize("firstName")}
+                            fieldId="first-name"
+                            helperTextInvalid={this.state.errors.firstName}
+                            validated={
+                                this.state.errors.firstName !== ""
+                                    ? ValidatedOptions.error
+                                    : ValidatedOptions.default
+                            }
+                        >
+                            <TextInput
+                                isRequired
+                                type="text"
+                                id="first-name"
+                                name="firstName"
+                                maxLength={254}
+                                value={fields.firstName}
+                                onChange={this.handleChange}
                                 validated={
                                     this.state.errors.firstName !== ""
                                         ? ValidatedOptions.error
                                         : ValidatedOptions.default
                                 }
-                            >
-                                <TextInput
-                                    isRequired
-                                    type="text"
-                                    id="first-name"
-                                    name="firstName"
-                                    maxLength={254}
-                                    value={fields.firstName}
-                                    onChange={this.handleChange}
-                                    validated={
-                                        this.state.errors.firstName !== ""
-                                            ? ValidatedOptions.error
-                                            : ValidatedOptions.default
-                                    }
-                                ></TextInput>
-                            </FormGroup>
-                        }
-                        {fields.lastName != undefined && <FormGroup
-                                label={Msg.localize("lastName")}
-                                fieldId="last-name"
-                                helperTextInvalid={this.state.errors.lastName}
+                            ></TextInput>
+                        </FormGroup>
+                        <FormGroup
+                            label={Msg.localize("lastName")}
+                            fieldId="last-name"
+                            helperTextInvalid={this.state.errors.lastName}
+                            validated={
+                                this.state.errors.lastName !== ""
+                                    ? ValidatedOptions.error
+                                    : ValidatedOptions.default
+                            }
+                        >
+                            <TextInput
+                                isRequired
+                                type="text"
+                                id="last-name"
+                                name="lastName"
+                                maxLength={254}
+                                value={fields.lastName}
+                                onChange={this.handleChange}
                                 validated={
                                     this.state.errors.lastName !== ""
                                         ? ValidatedOptions.error
                                         : ValidatedOptions.default
                                 }
-                            >
-                                <TextInput
-                                    isRequired
-                                    type="text"
-                                    id="last-name"
-                                    name="lastName"
-                                    maxLength={254}
-                                    value={fields.lastName}
-                                    onChange={this.handleChange}
-                                    validated={
-                                        this.state.errors.lastName !== ""
-                                            ? ValidatedOptions.error
-                                            : ValidatedOptions.default
-                                    }
-                                ></TextInput>
-                            </FormGroup>
-                        }
+                            ></TextInput>
+                        </FormGroup>
                         {features.isInternationalizationEnabled && (
                             <FormGroup
                                 label={Msg.localize("selectLocale")}