Twitter to X

frontend/src/i18n/en.js

@@ -263,7 +263,7 @@ const en = {
         revenueRange: 'Annual revenue',
         activeSince: 'Active since',
         github: 'GitHub',
-        twitter: 'Twitter',
+        twitter: 'X/Twitter',
         linkedin: 'LinkedIn',
         crunchbase: 'Crunchbase',
       },

frontend/src/integrations/twitter/components/twitter-connect-drawer.vue

@@ -2,11 +2,11 @@
   <app-drawer
     v-model="isVisible"
     custom-class="integration-twitter-drawer"
-    title="Twitter"
+    title="X/Twitter"
     size="600px"
     pre-title="Integration"
     :pre-title-img-src="logoUrl"
-    pre-title-img-alt="Twitter logo"
+    pre-title-img-alt="X/Twitter logo"
     @close="isVisible = false"
   >
     <template #content>

frontend/src/integrations/twitter/components/twitter-connect-modal.vue

@@ -3,19 +3,19 @@
     <template #header>
       <div>
         <p class="text-2xs leading-5 text-gray-500 mb-0.5">
-          Twitter integration
+          X/Twitter integration
         </p>
         <h4 class="text-base font-semibold">
-          Connect Twitter via Zapier
+          Connect X/Twitter via Zapier
         </h4>
       </div>
     </template>
     <template #content>
       <div class="px-6 pb-6">
         <img src="/images/integrations/twitter-zapier.jpg" alt="Twitter Zapier integration" class="w-full mb-6">
         <p class="text-sm leading-5 text-gray-500 pb-8">
-          Due to Twitter’s recent API changes, our native Twitter integration was discontinued on April 31st, 2023.
-          To keep tracking Twitter activities, you will have to use Zapier.
+          Due to X/Twitter’s recent API changes, our native X/Twitter integration was discontinued on April 31st, 2023.
+          To keep tracking X/Twitter activities, you will have to use Zapier.
           The Zapier workflow will require some manual set-up, and a Zapier premium account (starting from $19.99/month).
         </p>
         <a href="https://zapier.com/shared/create-activities-in-crowddev-from-new-twitter-followers/e61afb14fdd16e7235343aab9aa57b4d40a71ecf" target="_blank" rel="noopener noreferrer" class="mb-4 block">

frontend/src/integrations/twitter/config.js

@@ -4,13 +4,13 @@ import TwitterConnect from './components/twitter-connect.vue';
 
 export default {
   enabled: true,
-  name: 'Twitter',
+  name: 'X/Twitter',
   backgroundColor: '#d2ebfc',
   borderColor: '#d2ebfc',
   description:
-    'Connect Twitter to sync profile information, followers, and relevant tweets.',
+    'Connect X/Twitter to sync profile information, followers, and relevant tweets.',
   image:
-    'https://cdn-icons-png.flaticon.com/512/733/733579.png',
+    '/images/integrations/twitter-x.svg',
   connectComponent: config.isTwitterIntegrationEnabled ? TwitterConnect2 : TwitterConnect,
   url: ({ username }) => (username ? `https://twitter.com/${username}` : null),
   chartColor: '#1D9BF0',

frontend/src/modules/activity/activity-platform-field.js

@@ -29,7 +29,7 @@ export default class ActivityPlatformField extends StringField {
       },
       {
         value: 'twitter',
-        label: 'Twitter',
+        label: 'X/Twitter',
       },
       {
         value: 'devto',

frontend/src/modules/automation/config/automation-types/shared/filter-options/new-activity-filter-options.vue

@@ -126,7 +126,7 @@ const computedPlatformOptions = computed(() => [...active.value.map((item) => ({
 })),
 {
   value: 'twitter',
-  label: 'Twitter',
+  label: 'X/Twitter',
 },
 ]);
 

frontend/src/modules/automation/config/automation-types/shared/filter-options/new-member-filter-options.vue

@@ -77,7 +77,7 @@ const computedPlatformOptions = computed(() => [...active.value.map((item) => ({
 })),
 {
   value: 'twitter',
-  label: 'Twitter',
+  label: 'X/Twitter',
 },
 ]);
 

frontend/src/modules/integration/components/integration-list-page.vue

@@ -125,7 +125,7 @@ export default {
             vertical: true,
             type: 'custom',
             icon: '<img src="https://cdn-icons-png.flaticon.com/512/3800/3800024.png" class="h-8 w-8" alt="slack logo" />',
-            title: `<span class="flex items-start gap-1">Connect Slack bot 
+            title: `<span class="flex items-start gap-1">Connect Slack bot
               <span class="text-brand-500 text-3xs leading-3 pt-1 font-normal">Required</span></span>`,
             titleClass: 'text-lg',
             message: `
@@ -149,7 +149,7 @@ export default {
       immediate: true,
       handler(value) {
         if (value) {
-          Message.error('Something went wrong during Twitter OAuth. Please try again later.');
+          Message.error('Something went wrong during X/Twitter OAuth. Please try again later.');
         }
       },
     },

frontend/src/modules/member/components/member-reach.vue

@@ -19,7 +19,7 @@
               }}</span>
           </div>
           <div v-if="member.reach.twitter !== undefined">
-            Twitter:
+            X/Twitter:
             <span class="font-semibold">{{
                                           formatNumberToCompact(member.reach.twitter)
                                         }}

frontend/src/modules/organization/components/form/organization-form-identities.vue

@@ -146,7 +146,7 @@ const identitiesForm = reactive({
       'h-8 w-8 rounded flex items-center justify-center text-base btn--linkedin',
   },
   twitter: {
-    label: 'Twitter',
+    label: 'X/Twitter',
     enabled:
       props.modelValue.identities?.some((el) => el.platform === 'twitter')
       || false,

frontend/src/modules/organization/config/filters/activeOn/options.ts

@@ -12,7 +12,7 @@ const options: MultiSelectFilterOptionGroup[] = [
         value: 'linkedin',
       },
       {
-        label: 'Twitter',
+        label: 'X/Twitter',
         value: 'twitter',
       },
       {

frontend/src/modules/organization/organization-platform-field.js

@@ -24,7 +24,7 @@ export default class OrganizationPlatformField extends StringField {
       },
       {
         value: 'twitter',
-        label: 'Twitter',
+        label: 'X/Twitter',
       },
       {
         value: 'crunchbase',

frontend/src/modules/settings/settings-pricing-plans.js

@@ -139,7 +139,7 @@ export const plans = {
         'Unlimited community contacts & activities',
         'Community management',
         'Community intelligence',
-        'Integrations with GitHub, Discord, Slack, Twitter, DEV, Hacker News',
+        'Integrations with GitHub, Discord, Slack, X/Twitter, DEV, Hacker News',
         'Community support',
       ],
       ctaLabel: {

frontend/src/premium/eagle-eye/constants/eagle-eye-platforms.json

@@ -36,8 +36,8 @@
     "img": "https://cdn-icons-png.flaticon.com/512/2111/2111628.png"
   },
   "twitter": {
-    "label": "Twitter",
-    "img": "https://cdn-icons-png.flaticon.com/512/733/733579.png"
+    "label": "X/Twitter",
+    "img": "/images/integrations/twitter-x.svg"
   },
   "youtube": {
     "label": "YouTube",

frontend/tests/e2e/auth/data.json

@@ -9,7 +9,7 @@
   },
   "tenant": {
     "name": "Crowd community",
-    "platforms": ["GitHub", "Twitter"],
+    "platforms": ["GitHub", "X/Twitter"],
     "size": "5,000 - 25,000",
     "integration": {
       "dev": "crowddotdev"