diff --git a/CHANGELOG.md b/CHANGELOG.md
index ad3c8f5e7..8a84de577 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -39,6 +39,7 @@ NOTE: As semantic versioning states all 0.y.z releases can contain breaking chan
- [#367](https://github.com/kobsio/kobs/pull/#367): [app] Change filtering for select components, by using `item.includes(value)`.
- [#369](https://github.com/kobsio/kobs/pull/#369): [app] Add `insights` panel, to display the insights of an application within a dashboard.
- [#370](https://github.com/kobsio/kobs/pull/#370): [app] Change toolbar handling by replacing the Patternfly `Toolbar` and `ToolbarItem` components with a custom `Toolbar` and `ToolbarItem` component.
+- [#371](https://github.com/kobsio/kobs/pull/#371): [app] Change `hasDivider` property to `PageContentSection` component to explicit enable / disable the diver.
## [v0.8.0](https://github.com/kobsio/kobs/releases/tag/v0.8.0) (2022-03-24)
diff --git a/plugins/app/public/browserconfig.xml b/plugins/app/public/browserconfig.xml
index 7604d97d7..ca3c911ce 100644
--- a/plugins/app/public/browserconfig.xml
+++ b/plugins/app/public/browserconfig.xml
@@ -1,2 +1,2 @@
-#0066cc
+#000000
diff --git a/plugins/app/public/index.html b/plugins/app/public/index.html
index 77670f0b3..5da65be8b 100644
--- a/plugins/app/public/index.html
+++ b/plugins/app/public/index.html
@@ -22,8 +22,8 @@
-
-
+
+
kobs
diff --git a/plugins/app/public/manifest.json b/plugins/app/public/manifest.json
index fcf336834..14b12ff6c 100644
--- a/plugins/app/public/manifest.json
+++ b/plugins/app/public/manifest.json
@@ -38,5 +38,9 @@
"type": "image/png",
"density": "4.0"
}
- ]
+ ],
+ "start_url": ".",
+ "display": "standalone",
+ "theme_color": "#000000",
+ "background_color": "#ffffff"
}
diff --git a/plugins/app/src/components/applications/Application.tsx b/plugins/app/src/components/applications/Application.tsx
index 6e9189e01..7f6e1bfc3 100644
--- a/plugins/app/src/components/applications/Application.tsx
+++ b/plugins/app/src/components/applications/Application.tsx
@@ -104,7 +104,7 @@ const Application: React.FunctionComponent = () => {
}
/>
-
+
{data.dashboards ? (
) : (
diff --git a/plugins/app/src/components/applications/Applications.tsx b/plugins/app/src/components/applications/Applications.tsx
index 01d949fc1..d8e56a559 100644
--- a/plugins/app/src/components/applications/Applications.tsx
+++ b/plugins/app/src/components/applications/Applications.tsx
@@ -45,6 +45,7 @@ const Applications: React.FunctionComponent = () => {
: undefined}
panelContent={
selectedApplication ? (
diff --git a/plugins/app/src/components/dashboards/DashboardPage.tsx b/plugins/app/src/components/dashboards/DashboardPage.tsx
index 429e9d3e6..586464387 100644
--- a/plugins/app/src/components/dashboards/DashboardPage.tsx
+++ b/plugins/app/src/components/dashboards/DashboardPage.tsx
@@ -97,7 +97,7 @@ const DashboardPage: React.FunctionComponent = () => {
}
/>
-
+
diff --git a/plugins/app/src/components/plugins/PluginInstances.tsx b/plugins/app/src/components/plugins/PluginInstances.tsx
index 867f77bc7..8469bae1d 100644
--- a/plugins/app/src/components/plugins/PluginInstances.tsx
+++ b/plugins/app/src/components/plugins/PluginInstances.tsx
@@ -49,6 +49,7 @@ const PluginInstances: React.FunctionComponent = () => {
diff --git a/plugins/app/src/components/plugins/PluginPageLoading.tsx b/plugins/app/src/components/plugins/PluginPageLoading.tsx
index e8d9294a3..ab3ed0c29 100644
--- a/plugins/app/src/components/plugins/PluginPageLoading.tsx
+++ b/plugins/app/src/components/plugins/PluginPageLoading.tsx
@@ -11,7 +11,7 @@ const PluginPageLoading: React.FunctionComponent = () => {
-
+
diff --git a/plugins/app/src/components/profile/Profile.tsx b/plugins/app/src/components/profile/Profile.tsx
index 154ea1287..386a970cb 100644
--- a/plugins/app/src/components/profile/Profile.tsx
+++ b/plugins/app/src/components/profile/Profile.tsx
@@ -23,7 +23,7 @@ const Profile: React.FunctionComponent = () => {
-
+
diff --git a/plugins/app/src/components/resources/Resources.tsx b/plugins/app/src/components/resources/Resources.tsx
index 31cbd353d..cdb0ce14a 100644
--- a/plugins/app/src/components/resources/Resources.tsx
+++ b/plugins/app/src/components/resources/Resources.tsx
@@ -43,6 +43,7 @@ const Resources: React.FunctionComponent = () => {
: undefined}
panelContent={details ? details : undefined}
>
diff --git a/plugins/app/src/components/settings/Settings.tsx b/plugins/app/src/components/settings/Settings.tsx
index cd823db28..3b4f1b30d 100644
--- a/plugins/app/src/components/settings/Settings.tsx
+++ b/plugins/app/src/components/settings/Settings.tsx
@@ -10,7 +10,7 @@ const Settings: React.FunctionComponent = () => {
description="The settings for you hub and all the satellites. You can also view the resources, which are available via each satellite."
/>
-
+
TODO: Show settings
diff --git a/plugins/app/src/components/teams/Team.tsx b/plugins/app/src/components/teams/Team.tsx
index 138d05158..d53806269 100644
--- a/plugins/app/src/components/teams/Team.tsx
+++ b/plugins/app/src/components/teams/Team.tsx
@@ -108,7 +108,7 @@ const Team: React.FunctionComponent = () => {
}
/>
-
+
{data.dashboards ? (
) : (
diff --git a/plugins/app/src/components/teams/Teams.tsx b/plugins/app/src/components/teams/Teams.tsx
index d5a46c1f5..966b2cb3f 100644
--- a/plugins/app/src/components/teams/Teams.tsx
+++ b/plugins/app/src/components/teams/Teams.tsx
@@ -57,6 +57,7 @@ const Teams: React.FunctionComponent = () => {
diff --git a/plugins/app/src/components/topology/Applications.tsx b/plugins/app/src/components/topology/Applications.tsx
index 009b0fede..d21038def 100644
--- a/plugins/app/src/components/topology/Applications.tsx
+++ b/plugins/app/src/components/topology/Applications.tsx
@@ -43,6 +43,7 @@ const Applications: React.FunctionComponent = () => {
: undefined}
panelContent={details}
>
diff --git a/plugins/plugin-azure/src/components/containerinstances/Page.tsx b/plugins/plugin-azure/src/components/containerinstances/Page.tsx
index 7efc3d49d..bfec803ec 100644
--- a/plugins/plugin-azure/src/components/containerinstances/Page.tsx
+++ b/plugins/plugin-azure/src/components/containerinstances/Page.tsx
@@ -29,7 +29,7 @@ const ContainerInstancesPage: React.FunctionComponent
-
+
diff --git a/plugins/plugin-azure/src/components/costmanagement/Page.tsx b/plugins/plugin-azure/src/components/costmanagement/Page.tsx
index bb7f1ddc6..9af7a7996 100644
--- a/plugins/plugin-azure/src/components/costmanagement/Page.tsx
+++ b/plugins/plugin-azure/src/components/costmanagement/Page.tsx
@@ -52,6 +52,7 @@ const CostManagementPage: React.FunctionComponent = ({
}
diff --git a/plugins/plugin-azure/src/components/kubernetesservices/Page.tsx b/plugins/plugin-azure/src/components/kubernetesservices/Page.tsx
index e9a059198..0258b2975 100644
--- a/plugins/plugin-azure/src/components/kubernetesservices/Page.tsx
+++ b/plugins/plugin-azure/src/components/kubernetesservices/Page.tsx
@@ -29,7 +29,7 @@ const KubernetesServicesPage: React.FunctionComponent
-
+
diff --git a/plugins/plugin-azure/src/components/page/OverviewPage.tsx b/plugins/plugin-azure/src/components/page/OverviewPage.tsx
index 8e34f2628..55545e645 100644
--- a/plugins/plugin-azure/src/components/page/OverviewPage.tsx
+++ b/plugins/plugin-azure/src/components/page/OverviewPage.tsx
@@ -29,7 +29,7 @@ const OverviewPage: React.FunctionComponent = ({ instance }:
}
/>
-
+
{Object.keys(services).map((service) => (
diff --git a/plugins/plugin-azure/src/components/virtualmachinescalesets/Page.tsx b/plugins/plugin-azure/src/components/virtualmachinescalesets/Page.tsx
index 2e609d2e5..ea52c354c 100644
--- a/plugins/plugin-azure/src/components/virtualmachinescalesets/Page.tsx
+++ b/plugins/plugin-azure/src/components/virtualmachinescalesets/Page.tsx
@@ -29,7 +29,7 @@ const VirtualMachineScaleSetsPage: React.FunctionComponent
-
+
diff --git a/plugins/plugin-elasticsearch/src/components/page/Page.tsx b/plugins/plugin-elasticsearch/src/components/page/Page.tsx
index 3c8b238e9..3a08065b0 100644
--- a/plugins/plugin-elasticsearch/src/components/page/Page.tsx
+++ b/plugins/plugin-elasticsearch/src/components/page/Page.tsx
@@ -80,6 +80,7 @@ const Page: React.FunctionComponent = ({ instance }: IPluginPa
}
panelContent={undefined}
>
diff --git a/plugins/plugin-flux/src/components/page/Page.tsx b/plugins/plugin-flux/src/components/page/Page.tsx
index e246281eb..253fcf025 100644
--- a/plugins/plugin-flux/src/components/page/Page.tsx
+++ b/plugins/plugin-flux/src/components/page/Page.tsx
@@ -45,6 +45,7 @@ const Page: React.FunctionComponent = ({ instance }: IPluginPa
}
panelContent={details}
>
diff --git a/plugins/plugin-grafana/src/components/page/Page.tsx b/plugins/plugin-grafana/src/components/page/Page.tsx
index d73976813..c633a6199 100644
--- a/plugins/plugin-grafana/src/components/page/Page.tsx
+++ b/plugins/plugin-grafana/src/components/page/Page.tsx
@@ -41,6 +41,7 @@ const Page: React.FunctionComponent = ({ instance }: IPluginPa
}
panelContent={undefined}
>
diff --git a/plugins/plugin-harbor/src/components/page/ArtifactsPage.tsx b/plugins/plugin-harbor/src/components/page/ArtifactsPage.tsx
index 5b64fd6a2..2a4ec8015 100644
--- a/plugins/plugin-harbor/src/components/page/ArtifactsPage.tsx
+++ b/plugins/plugin-harbor/src/components/page/ArtifactsPage.tsx
@@ -99,6 +99,7 @@ const ArtifactsPage: React.FunctionComponent = ({ instance
}
panelContent={details}
>
diff --git a/plugins/plugin-harbor/src/components/page/ProjectsPage.tsx b/plugins/plugin-harbor/src/components/page/ProjectsPage.tsx
index e5222bd9d..9b494c7cc 100644
--- a/plugins/plugin-harbor/src/components/page/ProjectsPage.tsx
+++ b/plugins/plugin-harbor/src/components/page/ProjectsPage.tsx
@@ -89,7 +89,7 @@ const ProjectsPage: React.FunctionComponent = ({ instance }:
}
/>
-
+
{isLoading ? (
diff --git a/plugins/plugin-harbor/src/components/page/RepositoriesPage.tsx b/plugins/plugin-harbor/src/components/page/RepositoriesPage.tsx
index ba3f2dbbb..93600dec2 100644
--- a/plugins/plugin-harbor/src/components/page/RepositoriesPage.tsx
+++ b/plugins/plugin-harbor/src/components/page/RepositoriesPage.tsx
@@ -97,6 +97,7 @@ const RepositoriesPage: React.FunctionComponent
= ({ ins
}
panelContent={undefined}
>
diff --git a/plugins/plugin-helm/src/components/page/Page.tsx b/plugins/plugin-helm/src/components/page/Page.tsx
index 15748cb19..31249b7e4 100644
--- a/plugins/plugin-helm/src/components/page/Page.tsx
+++ b/plugins/plugin-helm/src/components/page/Page.tsx
@@ -50,6 +50,7 @@ const Page: React.FunctionComponent = ({ instance }: IPluginPa
}
panelContent={details}
>
diff --git a/plugins/plugin-istio/src/components/page/Application.tsx b/plugins/plugin-istio/src/components/page/Application.tsx
index c7621e201..0f743986a 100644
--- a/plugins/plugin-istio/src/components/page/Application.tsx
+++ b/plugins/plugin-istio/src/components/page/Application.tsx
@@ -74,6 +74,7 @@ const Application: React.FunctionComponent = ({ instance }: I
}
panelContent={details}
>
diff --git a/plugins/plugin-istio/src/components/page/Applications.tsx b/plugins/plugin-istio/src/components/page/Applications.tsx
index e41342bdb..cc126f669 100644
--- a/plugins/plugin-istio/src/components/page/Applications.tsx
+++ b/plugins/plugin-istio/src/components/page/Applications.tsx
@@ -58,6 +58,7 @@ const Applications: React.FunctionComponent = ({ instance }:
}
panelContent={undefined}
>
diff --git a/plugins/plugin-jaeger/src/components/page/Traces.tsx b/plugins/plugin-jaeger/src/components/page/Traces.tsx
index 7d28a3d0b..3ae30d20c 100644
--- a/plugins/plugin-jaeger/src/components/page/Traces.tsx
+++ b/plugins/plugin-jaeger/src/components/page/Traces.tsx
@@ -54,6 +54,7 @@ const Traces: React.FunctionComponent = ({ instance }: ITracesProp
}
panelContent={details}
>
diff --git a/plugins/plugin-kiali/src/components/page/Page.tsx b/plugins/plugin-kiali/src/components/page/Page.tsx
index a200d49bf..b05a51632 100644
--- a/plugins/plugin-kiali/src/components/page/Page.tsx
+++ b/plugins/plugin-kiali/src/components/page/Page.tsx
@@ -47,8 +47,9 @@ const Page: React.FunctionComponent = ({ instance }: IPluginPa
}
/>
}
hasPadding={true}
+ hasDivider={true}
+ toolbarContent={}
panelContent={details}
>
{options.namespaces && options.namespaces.length > 0 ? (
diff --git a/plugins/plugin-klogs/src/components/page/AggregationPage.tsx b/plugins/plugin-klogs/src/components/page/AggregationPage.tsx
index f0bb3d0ec..d1dea63f9 100644
--- a/plugins/plugin-klogs/src/components/page/AggregationPage.tsx
+++ b/plugins/plugin-klogs/src/components/page/AggregationPage.tsx
@@ -60,6 +60,7 @@ const AggregationPage: React.FunctionComponent = ({ insta
}
panelContent={undefined}
>
diff --git a/plugins/plugin-klogs/src/components/page/LogsPage.tsx b/plugins/plugin-klogs/src/components/page/LogsPage.tsx
index aee2470e2..10eec3c39 100644
--- a/plugins/plugin-klogs/src/components/page/LogsPage.tsx
+++ b/plugins/plugin-klogs/src/components/page/LogsPage.tsx
@@ -106,6 +106,7 @@ const LogsPage: React.FunctionComponent = ({ instance }: ILogsPa
}
panelContent={undefined}
>
diff --git a/plugins/plugin-opsgenie/src/components/page/Page.tsx b/plugins/plugin-opsgenie/src/components/page/Page.tsx
index f492be79b..107491216 100644
--- a/plugins/plugin-opsgenie/src/components/page/Page.tsx
+++ b/plugins/plugin-opsgenie/src/components/page/Page.tsx
@@ -48,6 +48,7 @@ const Page: React.FunctionComponent = ({ instance }: IPluginPa
}
panelContent={details}
>
diff --git a/plugins/plugin-prometheus/src/components/page/Page.tsx b/plugins/plugin-prometheus/src/components/page/Page.tsx
index af541c806..f5a9267e4 100644
--- a/plugins/plugin-prometheus/src/components/page/Page.tsx
+++ b/plugins/plugin-prometheus/src/components/page/Page.tsx
@@ -47,6 +47,7 @@ const Page: React.FunctionComponent = ({ instance }: IPluginPa
}
panelContent={undefined}
>
diff --git a/plugins/plugin-rss/src/components/page/Page.tsx b/plugins/plugin-rss/src/components/page/Page.tsx
index ac0b7d1a6..1ed83af88 100644
--- a/plugins/plugin-rss/src/components/page/Page.tsx
+++ b/plugins/plugin-rss/src/components/page/Page.tsx
@@ -16,7 +16,7 @@ const Page: React.FunctionComponent = ({ instance }: IPluginPa
}
/>
-
+
diff --git a/plugins/plugin-sonarqube/src/components/page/Page.tsx b/plugins/plugin-sonarqube/src/components/page/Page.tsx
index 92347a4f4..a81ccdc40 100644
--- a/plugins/plugin-sonarqube/src/components/page/Page.tsx
+++ b/plugins/plugin-sonarqube/src/components/page/Page.tsx
@@ -92,6 +92,7 @@ const Page: React.FunctionComponent = ({ instance }: IPluginPa
}
panelContent={undefined}
>
diff --git a/plugins/plugin-sql/src/components/page/Page.tsx b/plugins/plugin-sql/src/components/page/Page.tsx
index 507d43e50..c1193e7cc 100644
--- a/plugins/plugin-sql/src/components/page/Page.tsx
+++ b/plugins/plugin-sql/src/components/page/Page.tsx
@@ -41,6 +41,7 @@ const Page: React.FunctionComponent = ({ instance }: IPluginPa
}
panelContent={undefined}
>
diff --git a/plugins/plugin-techdocs/src/components/page/ServicePage.tsx b/plugins/plugin-techdocs/src/components/page/ServicePage.tsx
index 4d14da352..1637bf4a8 100644
--- a/plugins/plugin-techdocs/src/components/page/ServicePage.tsx
+++ b/plugins/plugin-techdocs/src/components/page/ServicePage.tsx
@@ -94,7 +94,7 @@ const ServicePage: React.FunctionComponent = ({ instance }: I
component={}
/>
-
+
= ({ instance }:
}
/>
-
+
diff --git a/plugins/shared/src/components/misc/PageContentSection.tsx b/plugins/shared/src/components/misc/PageContentSection.tsx
index 2f80d05a2..508792b1b 100644
--- a/plugins/shared/src/components/misc/PageContentSection.tsx
+++ b/plugins/shared/src/components/misc/PageContentSection.tsx
@@ -3,6 +3,7 @@ import React from 'react';
interface IPageContentSectionProps {
hasPadding: boolean;
+ hasDivider: boolean;
panelContent: React.ReactNode;
toolbarContent: React.ReactNode;
children: React.ReactElement;
@@ -10,6 +11,7 @@ interface IPageContentSectionProps {
export const PageContentSection: React.FunctionComponent = ({
hasPadding,
+ hasDivider,
panelContent,
toolbarContent,
children,
@@ -17,12 +19,8 @@ export const PageContentSection: React.FunctionComponent
- {toolbarContent && (
-
- {toolbarContent}
-
-
- )}
+ {toolbarContent && {toolbarContent}}
+ {hasDivider && }
{children}