From 129ab734f3168fd1bfe89923cfa345cc006ba36f Mon Sep 17 00:00:00 2001
From: Alexander <zavorotynskiy@pm.me>
Date: Wed, 18 Dec 2024 10:49:33 +0100
Subject: [PATCH] feat(frontend): added a support for the self-hosted sentry
 (#2890)

---
 .../Backend/SentryForm/SentryFormModal.tsx         | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/app/components/Client/Integrations/Backend/SentryForm/SentryFormModal.tsx b/frontend/app/components/Client/Integrations/Backend/SentryForm/SentryFormModal.tsx
index cd43acfea..76b427bfd 100644
--- a/frontend/app/components/Client/Integrations/Backend/SentryForm/SentryFormModal.tsx
+++ b/frontend/app/components/Client/Integrations/Backend/SentryForm/SentryFormModal.tsx
@@ -12,12 +12,14 @@ import { toast } from 'react-toastify';
 import DocLink from 'Shared/DocLink/DocLink';
 
 interface SentryConfig {
+  url: string;
   organization_slug: string;
   project_slug: string;
   token: string;
 }
 
 const initialValues = {
+  url: 'https://sentry.io',
   organization_slug: '',
   project_slug: '',
   token: '',
@@ -39,6 +41,9 @@ function SentryForm({
     removeMutation,
   } = useIntegration<SentryConfig>('sentry', siteId, initialValues);
   const { values, errors, handleChange, hasErrors, checkErrors, } = useForm(data, {
+    url: {
+      required: false,
+    },
     organization_slug: {
       required: true,
     },
@@ -95,12 +100,19 @@ function SentryForm({
         />
 
         <Loader loading={isPending}>
+          <FormField
+            label="URL"
+            name="url"
+            value={values.url}
+            onChange={handleChange}
+            errors={errors.url}
+          />
           <FormField
             label="Organization Slug"
             name="organization_slug"
             value={values.organization_slug}
             onChange={handleChange}
-            errors={errors.url}
+            errors={errors.organization_slug}
             autoFocus
           />
           <FormField