diff --git a/grafana-plugin/src/pages/insights/Insights.module.scss b/grafana-plugin/src/pages/insights/Insights.module.scss new file mode 100644 index 00000000..99ecbdcf --- /dev/null +++ b/grafana-plugin/src/pages/insights/Insights.module.scss @@ -0,0 +1,6 @@ +// Required to remove inner page padding since grafana-scenes doesn't support its style modification +.insights div[class*='page-inner'] { + padding-left: 0; + padding-right: 0; + border: none; +} diff --git a/grafana-plugin/src/pages/insights/Insights.tsx b/grafana-plugin/src/pages/insights/Insights.tsx index 0664a39d..3ea049bb 100644 --- a/grafana-plugin/src/pages/insights/Insights.tsx +++ b/grafana-plugin/src/pages/insights/Insights.tsx @@ -21,6 +21,7 @@ import Text from 'components/Text/Text'; import { useStore } from 'state/useStore'; import { DOCS_ROOT } from 'utils/consts'; +import styles from './Insights.module.scss'; import { InsightsConfig } from './Insights.types'; import getAlertGroupsByIntegrationScene from './scenes/AlertGroupsByIntegration'; import getAlertGroupsByTeamScene from './scenes/AlertGroupsByTeam'; @@ -45,10 +46,10 @@ const Insights = observer(() => { const appScene = useSceneApp(() => getAppScene({ isOpenSource, datasource })); return ( - <> +
- +
); }); diff --git a/grafana-plugin/src/plugin.json b/grafana-plugin/src/plugin.json index 8fe77354..2d516699 100644 --- a/grafana-plugin/src/plugin.json +++ b/grafana-plugin/src/plugin.json @@ -88,16 +88,16 @@ }, { "type": "page", - "name": "Settings", - "path": "/a/grafana-oncall-app/settings", + "name": "Insights", + "path": "/a/grafana-oncall-app/insights", "role": "Viewer", "action": "grafana-oncall-app.other-settings:read", "addToNav": true }, { "type": "page", - "name": "Insights", - "path": "/a/grafana-oncall-app/insights", + "name": "Settings", + "path": "/a/grafana-oncall-app/settings", "role": "Viewer", "action": "grafana-oncall-app.other-settings:read", "addToNav": true