fix(sentry): handle old integration tokens

src/components/catalog/catchers/guides/sentry.vue

@@ -19,7 +19,16 @@
         </template>
         <template #content>
           {{ $t('components.catalog.hereIsDSN') }}
-          <TokenBlock :token="computedDSN" />
+          <TokenBlock v-if="computedDSN" :token="computedDSN" />
+          <template v-else>
+            <p style="color: var(--color-indicator-critical);">
+              {{ $t('projects.settings.integrations.sentryDSNTextNoToken') }}
+            </p>
+            <UiButton
+              :href="`/project/${project.id}/settings/integrations`"
+              :content="$t('projects.settings.general.title')"
+            />
+          </template>
         </template>
       </GuideStepBlock>
       <GuideStepBlock
@@ -42,13 +51,15 @@ import GuideStepBlock from '../../GuideStepBlock';
 import GuideHeader from '../../GuidePageHeader';
 import TokenBlock from '../../../project/TokenBlock';
 import { getSentryDSN } from '../../../../utils';
+import UiButton from '../../../utils/UiButton';
 
 export default {
   name: 'SetupJavascriptCatcher',
   components: {
     GuideStepBlock,
     GuideHeader,
     TokenBlock,
+    UiButton,
   },
   data() {
     return {

src/components/project/settings/Integrations.vue

@@ -34,9 +34,13 @@
       {{ $t('projects.settings.integrations.sentryDSNText') }}
     </div>
     <TokenBlock
+      v-if="sentryDSN"
       class="projects-integrations-settings-page__token"
       :token="sentryDSN"
     />
+    <p v-else style="color: var(--color-indicator-critical);">
+      {{ $t('projects.settings.integrations.sentryDSNTextNoToken') }}
+    </p>
   </div>
 </template>
 

src/i18n/messages/en.json

@@ -138,7 +138,8 @@
           "description": "After this action, Hawk will stop accepting events with the old integration token. You will need to replace it with a new one in your project."
         },
         "sentryDSN": "Sentry DSN",
-        "sentryDSNText": "If you use Sentry SDK, you can use this DSN to send errors to Hawk."
+        "sentryDSNText": "If you use Sentry SDK, you can use this DSN to send errors to Hawk.",
+        "sentryDSNTextNoToken": "It seems, you have an old integration token. Try to revoke it and get the new one."
       },
       "notifications": {
         "title": "Notifications",

src/i18n/messages/ru.json

@@ -138,7 +138,8 @@
           "description": "После этого действия Хоук перестанет принимать ивенты со старым интеграционным токеном. Вам будет необходимо заменить его на новый в вашем проекте."
         },
         "sentryDSN": "Sentry DSN",
-        "sentryDSNText": "Если вы используете Sentry SDK, вы можете использовать этот DSN для того, чтобы отправлять ошибки в Хоук."
+        "sentryDSNText": "Если вы используете Sentry SDK, вы можете использовать этот DSN для того, чтобы отправлять ошибки в Хоук.",
+        "sentryDSNTextNoToken": "Кажется, у вас старый интеграционный токен. Попробуйте отозвать его и получить новый."
       },
       "notifications": {
         "title": "Уведомления",

src/utils.ts

@@ -509,5 +509,9 @@ function getHexIntegrationToken(token: string): string {
  * @param token - stringified integration token
  */
 export function getSentryDSN(token: string): string {
-  return `https://${getHexIntegrationToken(token)}@k1.hawk.so/0`;
+  try {
+    return `https://${getHexIntegrationToken(token)}@k1.hawk.so/0`;
+  } catch (e) {
+    return '';
+  }
 }