diff --git a/static/app/components/events/sdkUpdates/index.tsx b/static/app/components/events/sdkUpdates/index.tsx index a3df7317819c..a6f4be024087 100644 --- a/static/app/components/events/sdkUpdates/index.tsx +++ b/static/app/components/events/sdkUpdates/index.tsx @@ -1,7 +1,7 @@ import Alert from 'app/components/alert'; import EventDataSection from 'app/components/events/eventDataSection'; import {IconUpgrade} from 'app/icons'; -import {tct} from 'app/locale'; +import {t, tct} from 'app/locale'; import {Event} from 'app/types/event'; import getSdkUpdateSuggestion from 'app/utils/getSdkUpdateSuggestion'; @@ -24,7 +24,9 @@ const SdkUpdates = ({event}: Props) => { return ( }> - {tct('We recommend you [suggestion]', {suggestion})} + {tct('We recommend you [suggestion] ', {suggestion})} + {sdkUpdate.type === 'updateSdk' && + t('(All sentry packages should be updated and their versions should match)')} ); }) diff --git a/static/app/components/sidebar/broadcastSdkUpdates.tsx b/static/app/components/sidebar/broadcastSdkUpdates.tsx index 8a2598c63439..152e79196c36 100644 --- a/static/app/components/sidebar/broadcastSdkUpdates.tsx +++ b/static/app/components/sidebar/broadcastSdkUpdates.tsx @@ -1,7 +1,9 @@ import styled from '@emotion/styled'; import groupBy from 'lodash/groupBy'; +import Alert from 'app/components/alert'; import ProjectBadge from 'app/components/idBadge/projectBadge'; +import {IconWarning} from 'app/icons'; import {t} from 'app/locale'; import space from 'app/styles/space'; import {Project, ProjectSdkUpdates, SDKUpdatesSuggestion} from 'app/types'; @@ -47,6 +49,9 @@ const BroadcastSdkUpdates = ({projects, sdkUpdates}: Props) => { 'Seems like your SDKs could use a refresh. We recommend updating these SDKs to make sure you’re getting all the data you need.' )} > + }> + {t('All sentry packages should be updated and their versions should match.')} + {items.map(([projectId, updates]) => { @@ -119,4 +124,9 @@ const SdkOutdatedVersion = styled('span')` color: ${p => p.theme.subText}; `; +const StyledAlert = styled(Alert)` + margin-top: ${space(2)}; + margin-bottom: 0; +`; + export default withSdkUpdates(withProjects(BroadcastSdkUpdates)); diff --git a/static/app/components/sidebar/sidebarPanelItem.tsx b/static/app/components/sidebar/sidebarPanelItem.tsx index b079333393a4..6d7134890198 100644 --- a/static/app/components/sidebar/sidebarPanelItem.tsx +++ b/static/app/components/sidebar/sidebarPanelItem.tsx @@ -72,7 +72,7 @@ const Title = styled('div')>` `; const Text = styled('div')` - margin-bottom: 5px; + margin-bottom: ${space(0.5)}; &:last-child { margin-bottom: 0;