Merge pull request #2739 from Marvin9/feat/flexible-theme-for-page

feat: theme customization for pages
This commit is contained in:
Patrik Oldsberg
2020-10-16 12:47:05 +02:00
committed by GitHub
45 changed files with 245 additions and 297 deletions
@@ -15,7 +15,7 @@
*/
import React from 'react';
import { Content, Header, Page, pageTheme } from '@backstage/core';
import { Content, Header, Page } from '@backstage/core';
import { RollbarProjectTable } from '../RollbarProjectTable/RollbarProjectTable';
import { useRollbarEntities } from '../../hooks/useRollbarEntities';
@@ -23,7 +23,7 @@ export const RollbarHome = () => {
const { entities, loading, error } = useRollbarEntities();
return (
<Page theme={pageTheme.tool}>
<Page themeId="tool">
<Header
title="Rollbar"
subtitle="Real-time error tracking & debugging tools for developers"
@@ -15,7 +15,7 @@
*/
import React from 'react';
import { Content, Header, HeaderLabel, Page, pageTheme } from '@backstage/core';
import { Content, Header, HeaderLabel, Page } from '@backstage/core';
import { useCatalogEntity } from '../../hooks/useCatalogEntity';
import { RollbarProject } from '../RollbarProject/RollbarProject';
@@ -23,7 +23,7 @@ export const RollbarProjectPage = () => {
const { entity } = useCatalogEntity();
return (
<Page theme={pageTheme.tool}>
<Page themeId="tool">
<Header title={entity?.metadata?.name} subtitle="Rollbar Project">
<HeaderLabel label="Owner" value={entity?.spec?.owner} />
<HeaderLabel label="Lifecycle" value={entity?.spec?.lifecycle} />