Twitter to X (#1835)

Author: gaspergrom

frontend/public/icons/crowd-icons.svg

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

frontend/public/images/integrations/twitter-x.svg

@@ -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/public/images/integrations/twitter-zapier.jpg

@@ -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/i18n/en.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/integrations/twitter/components/twitter-connect-drawer.vue

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

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

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

frontend/src/integrations/twitter/config.js

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