Skip to content

Commit 1bfc1ae

Browse files
authored
ref: Adjust layout of Insights > Session Health tab (#87242)
This gets the layout looking at little more finalized for internal testing purposes. 3 columns at all times (the empty spot will be filled in with one last chart) Note that I swapped the position of the "Session Health Rate" and "User Count" charts between the top-right and bottom-middle spots. Not pictured in the screen shot is the 'Beta' label on the tab, see #87240 also this screenshot is of a test org with garbage data in it. ![SCR-20250317-nqvn](https://github.com/user-attachments/assets/49685668-2191-4e18-921c-ac1f271c89a7)
1 parent 2b71614 commit 1bfc1ae

File tree

1 file changed

+6
-13
lines changed

1 file changed

+6
-13
lines changed

static/app/views/insights/sessions/views/overview.tsx

+6-13
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,7 @@
11
import React, {Fragment, useState} from 'react';
22
import styled from '@emotion/styled';
33

4-
import {Alert} from 'sentry/components/core/alert';
54
import * as Layout from 'sentry/components/layouts/thirds';
6-
import {IconInfo} from 'sentry/icons';
7-
import {t} from 'sentry/locale';
85
import {space} from 'sentry/styles/space';
96
import * as ModuleLayout from 'sentry/views/insights/common/components/moduleLayout';
107
import {ModulePageFilterBar} from 'sentry/views/insights/common/components/modulePageFilterBar';
@@ -59,15 +56,16 @@ export function SessionsOverview() {
5956
<ModuleLayout.Third>
6057
<SessionHealthCountChart view={view} />
6158
</ModuleLayout.Third>
59+
<ModuleLayout.Third>
60+
<UserHealthCountChart view={view} />
61+
</ModuleLayout.Third>
62+
<ModuleLayout.Third />
6263
<ModuleLayout.Third>
6364
<SessionHealthRateChart view={view} />
6465
</ModuleLayout.Third>
65-
<ModuleLayout.Half>
66-
<UserHealthCountChart view={view} />
67-
</ModuleLayout.Half>
68-
<ModuleLayout.Half>
66+
<ModuleLayout.Third>
6967
<UserHealthRateChart view={view} />
70-
</ModuleLayout.Half>
68+
</ModuleLayout.Third>
7169
</Fragment>
7270
);
7371

@@ -88,11 +86,6 @@ export function SessionsOverview() {
8886
setFilters(['']);
8987
}}
9088
/>
91-
<Alert type="info" icon={<IconInfo />} showIcon>
92-
{t(
93-
`This page is a temporary spot to put experimental release charts and tables currently in development. We will move things around eventually, but for now, it's a spot where we can put everything and get quick feedback.`
94-
)}
95-
</Alert>
9689
</ToolRibbon>
9790
</ModuleLayout.Full>
9891
{showOnboarding ? (

0 commit comments

Comments
 (0)