From c651d729788028e80a5806e4d862b1f924f0ff7f Mon Sep 17 00:00:00 2001 From: isabellaenriquez Date: Fri, 10 Oct 2025 15:31:06 -0400 Subject: [PATCH 1/4] feat(sub v3): Add support/Discord link --- .../gsApp/views/subscriptionPage/overview.tsx | 40 +++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/static/gsApp/views/subscriptionPage/overview.tsx b/static/gsApp/views/subscriptionPage/overview.tsx index c768a4ab1ac8bc..a6f78fba613b98 100644 --- a/static/gsApp/views/subscriptionPage/overview.tsx +++ b/static/gsApp/views/subscriptionPage/overview.tsx @@ -2,9 +2,14 @@ import {Fragment, useEffect} from 'react'; import styled from '@emotion/styled'; import type {Location} from 'history'; +import {Flex} from 'sentry/components/core/layout'; +import {ExternalLink} from 'sentry/components/core/link'; +import {Text} from 'sentry/components/core/text'; import ErrorBoundary from 'sentry/components/errorBoundary'; import LoadingError from 'sentry/components/loadingError'; import LoadingIndicator from 'sentry/components/loadingIndicator'; +import {IconSupport} from 'sentry/icons'; +import {t, tct} from 'sentry/locale'; import {space} from 'sentry/styles/space'; import {DataCategory} from 'sentry/types/core'; import {useApiQuery} from 'sentry/utils/queryClient'; @@ -312,6 +317,39 @@ function Overview({location, subscription, promotionData}: Props) { ); } + function renderFooter() { + if (!subscription.canSelfServe) { + return null; + } + return ( + + + + {t(' Having trouble?')} + + + {tct('Reach out toh [supportLink], or vent to a real human on [discordLink]', { + supportLink: ( + {t('Support')} + ), + discordLink: ( + + {t('Discord')} + + ), + })} + + + ); + } + /** * It's important to separate the views for folks with billing permissions (org:billing) and those without. * Only owners and billing admins have the billing scope, everyone else including managers, admins, and members lack that scope. @@ -355,6 +393,7 @@ function Overview({location, subscription, promotionData}: Props) { )} + {renderFooter()} ); } @@ -377,6 +416,7 @@ function Overview({location, subscription, promotionData}: Props) { )} + {renderFooter()} ); } From fe8b2cef0ce7f509606fb2288e5da67aa721945a Mon Sep 17 00:00:00 2001 From: isabellaenriquez Date: Fri, 10 Oct 2025 15:32:29 -0400 Subject: [PATCH 2/4] typo --- static/gsApp/views/subscriptionPage/overview.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/gsApp/views/subscriptionPage/overview.tsx b/static/gsApp/views/subscriptionPage/overview.tsx index a6f78fba613b98..b6489a84212daf 100644 --- a/static/gsApp/views/subscriptionPage/overview.tsx +++ b/static/gsApp/views/subscriptionPage/overview.tsx @@ -335,7 +335,7 @@ function Overview({location, subscription, promotionData}: Props) { {t(' Having trouble?')} - {tct('Reach out toh [supportLink], or vent to a real human on [discordLink]', { + {tct('Reach out to [supportLink], or vent to a real human on [discordLink]', { supportLink: ( {t('Support')} ), From 12e184cc19a90c1aecc3c72c348974bd26fae410 Mon Sep 17 00:00:00 2001 From: isabellaenriquez Date: Fri, 10 Oct 2025 15:35:14 -0400 Subject: [PATCH 3/4] spacing --- static/gsApp/views/subscriptionPage/overview.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/static/gsApp/views/subscriptionPage/overview.tsx b/static/gsApp/views/subscriptionPage/overview.tsx index b6489a84212daf..238bc890d19e94 100644 --- a/static/gsApp/views/subscriptionPage/overview.tsx +++ b/static/gsApp/views/subscriptionPage/overview.tsx @@ -329,6 +329,8 @@ function Overview({location, subscription, promotionData}: Props) { background="primary" radius="md" border="primary" + // TODO(isabella): move spacing to the parent + marginTop="xl" > From fca79ef935b11cf558a16071911ad983b79ee490 Mon Sep 17 00:00:00 2001 From: isabellaenriquez Date: Fri, 10 Oct 2025 15:45:21 -0400 Subject: [PATCH 4/4] use link instead of email --- static/gsApp/views/subscriptionPage/overview.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/static/gsApp/views/subscriptionPage/overview.tsx b/static/gsApp/views/subscriptionPage/overview.tsx index 238bc890d19e94..685239cf051bb6 100644 --- a/static/gsApp/views/subscriptionPage/overview.tsx +++ b/static/gsApp/views/subscriptionPage/overview.tsx @@ -332,14 +332,14 @@ function Overview({location, subscription, promotionData}: Props) { // TODO(isabella): move spacing to the parent marginTop="xl" > - + - {t(' Having trouble?')} - + {t('Having trouble?')} + {tct('Reach out to [supportLink], or vent to a real human on [discordLink]', { supportLink: ( - {t('Support')} + {t('Support')} ), discordLink: (