feat: Change Twitter to X (#1215)

Author: Lunyachek

src/account-settings/AccountSettingsPage.jsx

@@ -764,11 +764,11 @@ class AccountSettingsPage extends React.Component {
             {...editableFieldProps}
           />
           <EditableField
-            name="social_link_twitter"
+            name="social_link_x"
             type="text"
-            value={this.props.formValues.social_link_twitter}
-            label={this.props.intl.formatMessage(messages['account.settings.field.social.platform.name.twitter'])}
-            emptyLabel={this.props.intl.formatMessage(messages['account.settings.field.social.platform.name.twitter.empty'])}
+            value={this.props.formValues.social_link_x}
+            label={this.props.intl.formatMessage(messages['account.settings.field.social.platform.name.xTwitter'])}
+            emptyLabel={this.props.intl.formatMessage(messages['account.settings.field.social.platform.name.xTwitter.empty'])}
             {...editableFieldProps}
           />
         </div>
@@ -905,7 +905,7 @@ AccountSettingsPage.propTypes = {
     phone_number: PropTypes.string,
     social_link_linkedin: PropTypes.string,
     social_link_facebook: PropTypes.string,
-    social_link_twitter: PropTypes.string,
+    social_link_x: PropTypes.string,
     time_zone: PropTypes.string,
     state: PropTypes.string,
     useVerifiedNameForCerts: PropTypes.bool.isRequired,

src/account-settings/AccountSettingsPage.messages.jsx

@@ -509,15 +509,15 @@ const messages = defineMessages({
     defaultMessage: 'Delete My Account',
     description: 'Header for the user account deletion area',
   },
-  'account.settings.field.social.platform.name.twitter': {
-    id: 'account.settings.field.social.platform.name.twitter',
-    defaultMessage: 'Twitter',
-    description: 'Label for Twitter',
-  },
-  'account.settings.field.social.platform.name.twitter.empty': {
-    id: 'account.settings.field.social.platform.name.twitter.empty',
-    defaultMessage: 'Add Twitter profile',
-    description: 'Placeholder for an empty Twitter field',
+  'account.settings.field.social.platform.name.xTwitter': {
+    id: 'account.settings.field.social.platform.name.xTwitter',
+    defaultMessage: 'X (Twitter)',
+    description: 'Label for X (Twitter)',
+  },
+  'account.settings.field.social.platform.name.xTwitter.empty': {
+    id: 'account.settings.field.social.platform.name.xTwitter.empty',
+    defaultMessage: 'Add X profile',
+    description: 'Placeholder for an empty X field',
   },
 
   'account.settings.field.social.platform.name.facebook': {

src/account-settings/data/service.js

@@ -11,7 +11,7 @@ import { postVerifiedNameConfig } from '../certificate-preference/data/service';
 import { FIELD_LABELS } from './constants';
 
 const SOCIAL_PLATFORMS = [
-  { id: 'twitter', key: 'social_link_twitter' },
+  { id: 'xTwitter', key: 'social_link_x' },
   { id: 'facebook', key: 'social_link_facebook' },
   { id: 'linkedin', key: 'social_link_linkedin' },
 ];