diff --git a/CHANGELOG.md b/CHANGELOG.md index 8f88a30..70c74ed 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,12 @@ All notable changes to this project will be documented in this file. +## [1.7.1] - 2023-11-02 + +#### Fixed + +- "No root app page component found" error [#82](https://github.com/kentik/kentik-grafana-app/pull/82) + ## [1.7.0] - 2023-06-27 **Please note, the release contains breaking changes.** diff --git a/package.json b/package.json index ab15399..ec18112 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "kentik-connect-app", "private": false, - "version": "1.7.0", + "version": "1.7.1", "description": "Kentik Connect for Grafana allows you to quickly and easily enhance your visibility into your network traffic.", "scripts": { "build": "grafana-toolkit plugin:build", diff --git a/src/components/DescriptionPanel.tsx b/src/components/DescriptionPanel.tsx index f8eeab8..45139b4 100644 --- a/src/components/DescriptionPanel.tsx +++ b/src/components/DescriptionPanel.tsx @@ -1,8 +1,8 @@ import { KentikAPI } from '../datasource/kentik_api'; -import { getBackendSrv } from '@grafana/runtime'; +import { getBackendSrv, locationService } from '@grafana/runtime'; import { PanelProps, GrafanaTheme2 } from '@grafana/data'; -import { HorizontalGroup, VerticalGroup, useStyles2 } from '@grafana/ui'; +import { Button, useStyles2 } from '@grafana/ui'; import React, { FC, useEffect, useState } from 'react'; import { css } from '@emotion/css'; @@ -31,28 +31,22 @@ export const DescriptionPanel: FC = () => { }); } + const handleTopTalkersClick = () => { + locationService.push('/d/NS58GIo71/kentik-top-talkers'); + }; + return ( -
+
-

+

Kentik Connect Pro for Grafana allows you to quickly and easily add network activity visibility metrics to your Grafana dashboard. By leveraging the power of Kentik’s monitoring SaaS, you can enjoy rich, actionable insights into consumers of network bandwidth and anomalies that can affect application or service performance.

- -
Complete:
- - - Install Kentik Connect for Grafana. - - {state.devices.length > 0 && ( - - - Add your first device. - - )} -
+
); @@ -66,6 +60,9 @@ const getStyles = (theme: GrafanaTheme2) => ({ width: 150px; margin-bottom: 10px; `, + container: css` + padding: 16px; + `, actionsContainer: css` margin-left: 16px; `, @@ -79,4 +76,7 @@ const getStyles = (theme: GrafanaTheme2) => ({ successLine: css` text-decoration: line-through; `, + descriptionText: css` + max-width: 600px; + `, }); diff --git a/src/module.ts b/src/module.ts index 0e13e58..853e65e 100644 --- a/src/module.ts +++ b/src/module.ts @@ -1,3 +1,4 @@ +import { DescriptionPanel } from 'components/DescriptionPanel'; import { AppConfig } from './components/AppConfig'; import './styles/dark.scss'; @@ -11,9 +12,12 @@ loadPluginCss({ light: 'plugins/kentik-connect-app/styles/light.css', }); -export const plugin = new AppPlugin<{}>().addConfigPage({ - title: 'Configuration', - icon: 'cog', - body: AppConfig, - id: 'configuration', -}); +export const plugin = new AppPlugin<{}>() + // @ts-ignore + .setRootPage(DescriptionPanel) + .addConfigPage({ + title: 'Configuration', + icon: 'cog', + body: AppConfig, + id: 'configuration', + });