diff --git a/static/app/views/settings/settingsIndex.tsx b/static/app/views/settings/settingsIndex.tsx
index dfeee24d7815b7..352e63a83c9ccc 100644
--- a/static/app/views/settings/settingsIndex.tsx
+++ b/static/app/views/settings/settingsIndex.tsx
@@ -53,7 +53,6 @@ function SettingsIndex(props: SettingsIndexProps) {
const supportLinkProps = {
isSelfHosted,
- organizationSettingsUrl,
};
// For the new navigation, we are removing this page. The default base route should
@@ -74,7 +73,7 @@ function SettingsIndex(props: SettingsIndexProps) {
- {t('My Account')}
+ {t('My Account')}
@@ -102,35 +101,44 @@ function SettingsIndex(props: SettingsIndexProps) {
const orgSettings = (
-
- {organization ? (
+ {organization ? (
+
- ) : (
+ {organization.slug}
+
+ ) : (
+
- )}
-
- {organization ? organization.slug : t('No Organization')}
-
-
+ {t('Create an Organization')}
+
+ )}
{t('Quick links')}:
-
- -
-
- {t('Projects')}
-
-
+ {organization ? (
+
+ -
+
+ {t('Projects')}
+
+
+ -
+ {t('Teams')}
+
+ -
+
+ {t('Members')}
+
+
+
+ ) : (
-
- {t('Teams')}
+ {t('Create an organization')}
- -
- {t('Members')}
-
-
+ )}
);
@@ -142,7 +150,7 @@ function SettingsIndex(props: SettingsIndexProps) {
- {t('Documentation')}
+ {t('Documentation')}
@@ -176,7 +184,7 @@ function SettingsIndex(props: SettingsIndexProps) {
- {t('Support')}
+ {t('Support')}
@@ -210,26 +218,30 @@ function SettingsIndex(props: SettingsIndexProps) {
- {t('API Keys')}
+ {t('API Keys')}
{t('Quick links')}:
- -
-
- {t('Organization Auth Tokens')}
-
-
+ {organizationSettingsUrl && (
+ -
+
+ {t('Organization Auth Tokens')}
+
+
+ )}
-
{t('User Auth Tokens')}
- -
-
- {t('Custom Integrations')}
-
-
+ {organizationSettingsUrl && (
+ -
+
+ {t('Custom Integrations')}
+
+
+ )}
-
{t('Documentation')}
@@ -274,7 +286,7 @@ const HomePanelHeader = styled(PanelHeader)`
font-size: ${p => p.theme.fontSizeExtraLarge};
align-items: center;
text-transform: unset;
- padding: ${space(4)};
+ padding: ${space(4)} ${space(4)} 0;
`;
const HomePanelBody = styled(PanelBody)`
@@ -342,27 +354,20 @@ const ExternalHomeLinkIcon = styled(ExternalLink)`
interface SupportLinkProps extends Omit {
isSelfHosted: boolean;
- organizationSettingsUrl: string;
icon?: boolean;
}
-function SupportLink({
- isSelfHosted,
- icon,
- organizationSettingsUrl,
- ...props
-}: SupportLinkProps) {
+function SupportLink({isSelfHosted, icon, ...props}: SupportLinkProps) {
if (isSelfHosted) {
const SelfHostedLink = icon ? ExternalHomeLinkIcon : ExternalHomeLink;
return ;
}
const SelfHostedLink = icon ? HomeLinkIcon : HomeLink;
- return ;
+ return ;
}
-const OrganizationName = styled('div')`
- line-height: 1.1em;
-
+const HomeLinkLabel = styled('div')`
+ padding-bottom: ${space(4)};
${p => p.theme.overflowEllipsis};
`;